Hex Color #007501 - Custom Color

Color Codes

HEX

#007501

RGB

rgb(0, 117, 1)

HSL

hsl(121, 100%, 23%)

CMYK

cmyk(100%, 0%, 99%, 54%)

HSV

hsv(121, 100%, 46%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#397500 #007502 #00753D

Triadic

#007502 #020075 #750200

Split Complementary

#007502 #3D0075 #750039

Tetradic (Square)

#007502 #003975 #750073 #753D00

Complementary

#007501 #750073

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.92:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.54:1

Fail - WCAG AA (Normal Text)

Fail - 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: #007501;

color: #007501;

border-color: #007501;

}

Tailwind CSS (with arbitrary values)

bg-[#007501]

text-[#007501]

border-[#007501]

// Example usage: