Hex Color #364C42 - Custom Color

Color Codes

HEX

#364C42

RGB

rgb(54, 76, 66)

HSL

hsl(153, 17%, 25%)

CMYK

cmyk(29%, 0%, 13%, 70%)

HSV

hsv(153, 29%, 30%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#354B36 #354B41 #354A4B

Triadic

#354B41 #41354B #4B4135

Split Complementary

#354B41 #4B354A #4B3635

Tetradic (Square)

#354B41 #36354B #4B353F #4A4B35

Complementary

#364C42 #4B353F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.25:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.27: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: #364C42;

color: #364C42;

border-color: #364C42;

}

Tailwind CSS (with arbitrary values)

bg-[#364C42]

text-[#364C42]

border-[#364C42]

// Example usage: