Hex Color #1FD758 - Custom Color

Color Codes

HEX

#1FD758

RGB

rgb(31, 215, 88)

HSL

hsl(139, 75%, 48%)

CMYK

cmyk(86%, 0%, 59%, 16%)

HSV

hsv(139, 86%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#40D61F #1FD659 #1FD6B5

Triadic

#1FD659 #591FD6 #D6591F

Split Complementary

#1FD659 #B51FD6 #D61F40

Tetradic (Square)

#1FD659 #1F40D6 #D61F9C #D6B51F

Complementary

#1FD758 #D61F9C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.92:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.92: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: #1FD758;

color: #1FD758;

border-color: #1FD758;

}

Tailwind CSS (with arbitrary values)

bg-[#1FD758]

text-[#1FD758]

border-[#1FD758]

// Example usage: