Hex Color #97EEFA - Custom Color

Color Codes

HEX

#97EEFA

RGB

rgb(151, 238, 250)

HSL

hsl(187, 91%, 79%)

CMYK

cmyk(40%, 5%, 0%, 2%)

HSV

hsv(187, 40%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#99FAD5 #99EFFA #99BEFA

Triadic

#99EFFA #FA99EF #EFFA99

Split Complementary

#99EFFA #FA99BE #FAD599

Tetradic (Square)

#99EFFA #D599FA #FAA499 #BEFA99

Complementary

#97EEFA #FAA499

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.93: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: #97EEFA;

color: #97EEFA;

border-color: #97EEFA;

}

Tailwind CSS (with arbitrary values)

bg-[#97EEFA]

text-[#97EEFA]

border-[#97EEFA]

// Example usage: