Hex Color #64BEFE - Custom Color

Color Codes

HEX

#64BEFE

RGB

rgb(100, 190, 254)

HSL

hsl(205, 99%, 69%)

CMYK

cmyk(61%, 25%, 0%, 0%)

HSV

hsv(205, 61%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#62FEF1 #62BDFE #626FFE

Triadic

#62BDFE #FE62BD #BDFE62

Split Complementary

#62BDFE #FE626F #FEF162

Tetradic (Square)

#62BDFE #F162FE #FEA362 #6FFE62

Complementary

#64BEFE #FEA362

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.03:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.34: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: #64BEFE;

color: #64BEFE;

border-color: #64BEFE;

}

Tailwind CSS (with arbitrary values)

bg-[#64BEFE]

text-[#64BEFE]

border-[#64BEFE]

// Example usage: