Hex Color #66A6FB - Custom Color

Color Codes

HEX

#66A6FB

RGB

rgb(102, 166, 251)

HSL

hsl(214, 95%, 69%)

CMYK

cmyk(59%, 34%, 0%, 2%)

HSV

hsv(214, 59%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#65F1FB #65A6FB #6F65FB

Triadic

#65A6FB #FB65A6 #A6FB65

Split Complementary

#65A6FB #FB6F65 #F1FB65

Tetradic (Square)

#65A6FB #FB65F1 #FBBA65 #65FB6F

Complementary

#66A6FB #FBBA65

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.50:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.41:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #66A6FB;

color: #66A6FB;

border-color: #66A6FB;

}

Tailwind CSS (with arbitrary values)

bg-[#66A6FB]

text-[#66A6FB]

border-[#66A6FB]

// Example usage: