Hex Color #9FA803 - Custom Color

Color Codes

HEX

#9FA803

RGB

rgb(159, 168, 3)

HSL

hsl(63, 96%, 34%)

CMYK

cmyk(5%, 0%, 98%, 34%)

HSV

hsv(63, 98%, 66%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AA5F03 #A2AA03 #4EAA03

Triadic

#A2AA03 #03A2AA #AA03A2

Split Complementary

#A2AA03 #034EAA #5F03AA

Tetradic (Square)

#A2AA03 #03AA5F #0C03AA #AA034E

Complementary

#9FA803 #0C03AA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.60:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.08: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: #9FA803;

color: #9FA803;

border-color: #9FA803;

}

Tailwind CSS (with arbitrary values)

bg-[#9FA803]

text-[#9FA803]

border-[#9FA803]

// Example usage: