Hex Color #66F78D - Custom Color

Color Codes

HEX

#66F78D

RGB

rgb(102, 247, 141)

HSL

hsl(136, 90%, 68%)

CMYK

cmyk(59%, 0%, 43%, 3%)

HSV

hsv(136, 59%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#86F764 #64F78B #64F7D5

Triadic

#64F78B #8B64F7 #F78B64

Split Complementary

#64F78B #D564F7 #F76486

Tetradic (Square)

#64F78B #6486F7 #F764D0 #F7D564

Complementary

#66F78D #F764D0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.25: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: #66F78D;

color: #66F78D;

border-color: #66F78D;

}

Tailwind CSS (with arbitrary values)

bg-[#66F78D]

text-[#66F78D]

border-[#66F78D]

// Example usage: