Hex Color #208DCE - Custom Color

Color Codes

HEX

#208DCE

RGB

rgb(32, 141, 206)

HSL

hsl(202, 73%, 47%)

CMYK

cmyk(84%, 32%, 0%, 19%)

HSV

hsv(202, 84%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#20CFB8 #208FCF #2038CF

Triadic

#208FCF #CF208F #8FCF20

Split Complementary

#208FCF #CF2038 #CFB820

Tetradic (Square)

#208FCF #B820CF #CF6120 #38CF20

Complementary

#208DCE #CF6120

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.76:1

Pass - WCAG AA (Normal Text)

Fail - 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: #208DCE;

color: #208DCE;

border-color: #208DCE;

}

Tailwind CSS (with arbitrary values)

bg-[#208DCE]

text-[#208DCE]

border-[#208DCE]

// Example usage: