Hex Color #1FE477 - Custom Color

Color Codes

HEX

#1FE477

RGB

rgb(31, 228, 119)

HSL

hsl(147, 78%, 51%)

CMYK

cmyk(86%, 0%, 48%, 11%)

HSV

hsv(147, 86%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2AE421 #21E478 #21E4DA

Triadic

#21E478 #7821E4 #E47821

Split Complementary

#21E478 #DA21E4 #E4212A

Tetradic (Square)

#21E478 #212AE4 #E4218C #E4DA21

Complementary

#1FE477 #E4218C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.69:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.42: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: #1FE477;

color: #1FE477;

border-color: #1FE477;

}

Tailwind CSS (with arbitrary values)

bg-[#1FE477]

text-[#1FE477]

border-[#1FE477]

// Example usage: