Hex Color #75AEC6 - Custom Color

Color Codes

HEX

#75AEC6

RGB

rgb(117, 174, 198)

HSL

hsl(198, 42%, 62%)

CMYK

cmyk(41%, 12%, 0%, 22%)

HSV

hsv(198, 41%, 78%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#75C7B7 #75AEC7 #7586C7

Triadic

#75AEC7 #C775AE #AEC775

Split Complementary

#75AEC7 #C77586 #C7B775

Tetradic (Square)

#75AEC7 #B775C7 #C78E75 #86C775

Complementary

#75AEC6 #C78E75

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.43:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.63: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: #75AEC6;

color: #75AEC6;

border-color: #75AEC6;

}

Tailwind CSS (with arbitrary values)

bg-[#75AEC6]

text-[#75AEC6]

border-[#75AEC6]

// Example usage: