Hex Color #0FF822 - Custom Color

Color Codes

HEX

#0FF822

RGB

rgb(15, 248, 34)

HSL

hsl(125, 94%, 52%)

CMYK

cmyk(94%, 0%, 86%, 3%)

HSV

hsv(125, 94%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#71F812 #12F825 #12F898

Triadic

#12F825 #2512F8 #F82512

Split Complementary

#12F825 #9812F8 #F81271

Tetradic (Square)

#12F825 #1271F8 #F812E4 #F89812

Complementary

#0FF822 #F812E4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.45:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.47: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: #0FF822;

color: #0FF822;

border-color: #0FF822;

}

Tailwind CSS (with arbitrary values)

bg-[#0FF822]

text-[#0FF822]

border-[#0FF822]

// Example usage: