Hex Color #65DDEF - Custom Color

Color Codes

HEX

#65DDEF

RGB

rgb(101, 221, 239)

HSL

hsl(188, 81%, 67%)

CMYK

cmyk(58%, 8%, 0%, 6%)

HSV

hsv(188, 58%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#67EFBD #67DDEF #6799EF

Triadic

#67DDEF #EF67DD #DDEF67

Split Complementary

#67DDEF #EF6799 #EFBD67

Tetradic (Square)

#67DDEF #BD67EF #EF7967 #99EF67

Complementary

#65DDEF #EF7967

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.60:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.14: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: #65DDEF;

color: #65DDEF;

border-color: #65DDEF;

}

Tailwind CSS (with arbitrary values)

bg-[#65DDEF]

text-[#65DDEF]

border-[#65DDEF]

// Example usage: