Hex Color #13C7FA - Custom Color

Color Codes

HEX

#13C7FA

RGB

rgb(19, 199, 250)

HSL

hsl(193, 96%, 53%)

CMYK

cmyk(92%, 20%, 0%, 2%)

HSV

hsv(193, 92%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#14FAB9 #14C8FA #1455FA

Triadic

#14C8FA #FA14C8 #C8FA14

Split Complementary

#14C8FA #FA1455 #FAB914

Tetradic (Square)

#14C8FA #B914FA #FA4614 #55FA14

Complementary

#13C7FA #FA4614

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.99:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.58: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: #13C7FA;

color: #13C7FA;

border-color: #13C7FA;

}

Tailwind CSS (with arbitrary values)

bg-[#13C7FA]

text-[#13C7FA]

border-[#13C7FA]

// Example usage: