Hex Color #062A1F - Custom Color

Color Codes

HEX

#062A1F

RGB

rgb(6, 42, 31)

HSL

hsl(162, 75%, 9%)

CMYK

cmyk(86%, 0%, 26%, 84%)

HSV

hsv(162, 86%, 16%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#06280D #06281E #062128

Triadic

#06281E #1E0628 #281E06

Split Complementary

#06281E #280621 #280D06

Tetradic (Square)

#06281E #0D0628 #280610 #212806

Complementary

#062A1F #280610

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 15.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.36: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: #062A1F;

color: #062A1F;

border-color: #062A1F;

}

Tailwind CSS (with arbitrary values)

bg-[#062A1F]

text-[#062A1F]

border-[#062A1F]

// Example usage: