Hex Color #40EAF7 - Custom Color

Color Codes

HEX

#40EAF7

RGB

rgb(64, 234, 247)

HSL

hsl(184, 92%, 61%)

CMYK

cmyk(74%, 5%, 0%, 3%)

HSV

hsv(184, 74%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#40F7A8 #40EBF7 #408FF7

Triadic

#40EBF7 #F740EB #EBF740

Split Complementary

#40EBF7 #F7408F #F7A840

Tetradic (Square)

#40EBF7 #A840F7 #F74C40 #8FF740

Complementary

#40EAF7 #F74C40

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.33: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: #40EAF7;

color: #40EAF7;

border-color: #40EAF7;

}

Tailwind CSS (with arbitrary values)

bg-[#40EAF7]

text-[#40EAF7]

border-[#40EAF7]

// Example usage: