Hex Color #0CF530 - Custom Color

Color Codes

HEX

#0CF530

RGB

rgb(12, 245, 48)

HSL

hsl(129, 92%, 50%)

CMYK

cmyk(95%, 0%, 80%, 4%)

HSV

hsv(129, 95%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5CF50A #0AF52D #0AF5A3

Triadic

#0AF52D #2D0AF5 #F52D0A

Split Complementary

#0AF52D #A30AF5 #F50A5C

Tetradic (Square)

#0AF52D #0A5CF5 #F50AD2 #F5A30A

Complementary

#0CF530 #F50AD2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.49:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.12: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: #0CF530;

color: #0CF530;

border-color: #0CF530;

}

Tailwind CSS (with arbitrary values)

bg-[#0CF530]

text-[#0CF530]

border-[#0CF530]

// Example usage: