Hex Color #0FBD04 - Custom Color

Color Codes

HEX

#0FBD04

RGB

rgb(15, 189, 4)

HSL

hsl(116, 96%, 38%)

CMYK

cmyk(92%, 0%, 98%, 26%)

HSV

hsv(116, 98%, 74%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6DBE04 #10BE04 #04BE54

Triadic

#10BE04 #0410BE #BE0410

Split Complementary

#10BE04 #5404BE #BE046D

Tetradic (Square)

#10BE04 #046DBE #B204BE #BE5404

Complementary

#0FBD04 #B204BE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.53:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.30: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: #0FBD04;

color: #0FBD04;

border-color: #0FBD04;

}

Tailwind CSS (with arbitrary values)

bg-[#0FBD04]

text-[#0FBD04]

border-[#0FBD04]

// Example usage: