Hex Color #07CC16 - Custom Color

Color Codes

HEX

#07CC16

RGB

rgb(7, 204, 22)

HSL

hsl(125, 93%, 41%)

CMYK

cmyk(97%, 0%, 89%, 20%)

HSV

hsv(125, 97%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#58CA07 #07CA18 #07CA79

Triadic

#07CA18 #1807CA #CA1807

Split Complementary

#07CA18 #7907CA #CA0758

Tetradic (Square)

#07CA18 #0758CA #CA07BA #CA7907

Complementary

#07CC16 #CA07BA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.17:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.66: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: #07CC16;

color: #07CC16;

border-color: #07CC16;

}

Tailwind CSS (with arbitrary values)

bg-[#07CC16]

text-[#07CC16]

border-[#07CC16]

// Example usage: