Hex Color #19CAF4 - Custom Color

Color Codes

HEX

#19CAF4

RGB

rgb(25, 202, 244)

HSL

hsl(192, 91%, 53%)

CMYK

cmyk(90%, 17%, 0%, 4%)

HSV

hsv(192, 90%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1AF4B3 #1AC9F4 #1A5CF4

Triadic

#1AC9F4 #F41AC9 #C9F41A

Split Complementary

#1AC9F4 #F41A5C #F4B31A

Tetradic (Square)

#1AC9F4 #B31AF4 #F4461A #5CF41A

Complementary

#19CAF4 #F4461A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.95:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.80: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: #19CAF4;

color: #19CAF4;

border-color: #19CAF4;

}

Tailwind CSS (with arbitrary values)

bg-[#19CAF4]

text-[#19CAF4]

border-[#19CAF4]

// Example usage: