Hex Color #10FF74 - Custom Color

Color Codes

HEX

#10FF74

RGB

rgb(16, 255, 116)

HSL

hsl(145, 100%, 53%)

CMYK

cmyk(94%, 0%, 55%, 0%)

HSV

hsv(145, 94%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#23FF0F #0FFF73 #0FFFEB

Triadic

#0FFF73 #730FFF #FF730F

Split Complementary

#0FFF73 #EB0FFF #FF0F23

Tetradic (Square)

#0FFF73 #0F23FF #FF0F9B #FFEB0F

Complementary

#10FF74 #FF0F9B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.35:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.58: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: #10FF74;

color: #10FF74;

border-color: #10FF74;

}

Tailwind CSS (with arbitrary values)

bg-[#10FF74]

text-[#10FF74]

border-[#10FF74]

// Example usage: