Hex Color #7FCFC8 - Custom Color

Color Codes

HEX

#7FCFC8

RGB

rgb(127, 207, 200)

HSL

hsl(175, 45%, 65%)

CMYK

cmyk(39%, 0%, 3%, 19%)

HSV

hsv(175, 39%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7ECE9F #7ECEC7 #7EACCE

Triadic

#7ECEC7 #C77ECE #CEC77E

Split Complementary

#7ECEC7 #CE7EAC #CE9F7E

Tetradic (Square)

#7ECEC7 #9F7ECE #CE7E84 #ACCE7E

Complementary

#7FCFC8 #CE7E84

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.66:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #7FCFC8;

color: #7FCFC8;

border-color: #7FCFC8;

}

Tailwind CSS (with arbitrary values)

bg-[#7FCFC8]

text-[#7FCFC8]

border-[#7FCFC8]

// Example usage: