Hex Color #2AEDFE - Custom Color

Color Codes

HEX

#2AEDFE

RGB

rgb(42, 237, 254)

HSL

hsl(185, 99%, 58%)

CMYK

cmyk(83%, 7%, 0%, 0%)

HSV

hsv(185, 83%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2AFEA6 #2AECFE #2A82FE

Triadic

#2AECFE #FE2AEC #ECFE2A

Split Complementary

#2AECFE #FE2A82 #FEA62A

Tetradic (Square)

#2AECFE #A62AFE #FE3C2A #82FE2A

Complementary

#2AEDFE #FE3C2A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.43:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.64:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #2AEDFE;

color: #2AEDFE;

border-color: #2AEDFE;

}

Tailwind CSS (with arbitrary values)

bg-[#2AEDFE]

text-[#2AEDFE]

border-[#2AEDFE]

// Example usage: