Hex Color #6AECF9 - Custom Color

Color Codes

HEX

#6AECF9

RGB

rgb(106, 236, 249)

HSL

hsl(185, 92%, 70%)

CMYK

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

HSV

hsv(185, 57%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6CF9BE #6CEDF9 #6CA7F9

Triadic

#6CEDF9 #F96CED #EDF96C

Split Complementary

#6CEDF9 #F96CA7 #F9BE6C

Tetradic (Square)

#6CEDF9 #BE6CF9 #F9786C #A7F96C

Complementary

#6AECF9 #F9786C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.40:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.98: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: #6AECF9;

color: #6AECF9;

border-color: #6AECF9;

}

Tailwind CSS (with arbitrary values)

bg-[#6AECF9]

text-[#6AECF9]

border-[#6AECF9]

// Example usage: