Hex Color #9FFCD6 - Custom Color

Color Codes

HEX

#9FFCD6

RGB

rgb(159, 252, 214)

HSL

hsl(155, 94%, 81%)

CMYK

cmyk(37%, 0%, 15%, 1%)

HSV

hsv(155, 37%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A1FCA9 #A1FCD6 #A1F5FC

Triadic

#A1FCD6 #D6A1FC #FCD6A1

Split Complementary

#A1FCD6 #FCA1F5 #FCA9A1

Tetradic (Square)

#A1FCD6 #A9A1FC #FCA1C7 #F5FCA1

Complementary

#9FFCD6 #FCA1C7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.37: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: #9FFCD6;

color: #9FFCD6;

border-color: #9FFCD6;

}

Tailwind CSS (with arbitrary values)

bg-[#9FFCD6]

text-[#9FFCD6]

border-[#9FFCD6]

// Example usage: