Hex Color #81C6ED - Custom Color

Color Codes

HEX

#81C6ED

RGB

rgb(129, 198, 237)

HSL

hsl(202, 75%, 72%)

CMYK

cmyk(46%, 16%, 0%, 7%)

HSV

hsv(202, 46%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#82EDDF #82C6ED #8290ED

Triadic

#82C6ED #ED82C6 #C6ED82

Split Complementary

#82C6ED #ED8290 #EDDF82

Tetradic (Square)

#82C6ED #DF82ED #EDA982 #90ED82

Complementary

#81C6ED #EDA982

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.87:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.23: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: #81C6ED;

color: #81C6ED;

border-color: #81C6ED;

}

Tailwind CSS (with arbitrary values)

bg-[#81C6ED]

text-[#81C6ED]

border-[#81C6ED]

// Example usage: