Hex Color #74BCE7 - Custom Color

Color Codes

HEX

#74BCE7

RGB

rgb(116, 188, 231)

HSL

hsl(202, 71%, 68%)

CMYK

cmyk(50%, 19%, 0%, 9%)

HSV

hsv(202, 50%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#73E7D8 #73BDE7 #7383E7

Triadic

#73BDE7 #E773BD #BDE773

Split Complementary

#73BDE7 #E77383 #E7D873

Tetradic (Square)

#73BDE7 #D873E7 #E79E73 #83E773

Complementary

#74BCE7 #E79E73

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.08:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.09: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: #74BCE7;

color: #74BCE7;

border-color: #74BCE7;

}

Tailwind CSS (with arbitrary values)

bg-[#74BCE7]

text-[#74BCE7]

border-[#74BCE7]

// Example usage: