Hex Color #83AEC6 - Custom Color

Color Codes

HEX

#83AEC6

RGB

rgb(131, 174, 198)

HSL

hsl(201, 37%, 65%)

CMYK

cmyk(34%, 12%, 0%, 22%)

HSV

hsv(201, 34%, 78%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#85C7BD #85B0C7 #858FC7

Triadic

#85B0C7 #C785B0 #B0C785

Split Complementary

#85B0C7 #C7858F #C7BD85

Tetradic (Square)

#85B0C7 #BD85C7 #C79C85 #8FC785

Complementary

#83AEC6 #C79C85

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.83: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: #83AEC6;

color: #83AEC6;

border-color: #83AEC6;

}

Tailwind CSS (with arbitrary values)

bg-[#83AEC6]

text-[#83AEC6]

border-[#83AEC6]

// Example usage: