Hex Color #72CDEA - Custom Color

Color Codes

HEX

#72CDEA

RGB

rgb(114, 205, 234)

HSL

hsl(195, 74%, 68%)

CMYK

cmyk(51%, 12%, 0%, 8%)

HSV

hsv(195, 51%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#71EACC #71CCEA #718FEA

Triadic

#71CCEA #EA71CC #CCEA71

Split Complementary

#71CCEA #EA718F #EACC71

Tetradic (Square)

#71CCEA #CC71EA #EA8F71 #8FEA71

Complementary

#72CDEA #EA8F71

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.64: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: #72CDEA;

color: #72CDEA;

border-color: #72CDEA;

}

Tailwind CSS (with arbitrary values)

bg-[#72CDEA]

text-[#72CDEA]

border-[#72CDEA]

// Example usage: