Hex Color #485F56 - Custom Color

Color Codes

HEX

#485F56

RGB

rgb(72, 95, 86)

HSL

hsl(157, 14%, 33%)

CMYK

cmyk(24%, 0%, 9%, 63%)

HSV

hsv(157, 24%, 37%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#48604B #486057 #485D60

Triadic

#486057 #574860 #605748

Split Complementary

#486057 #60485D #604B48

Tetradic (Square)

#486057 #4B4860 #604851 #5D6048

Complementary

#485F56 #604851

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.89:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.05: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: #485F56;

color: #485F56;

border-color: #485F56;

}

Tailwind CSS (with arbitrary values)

bg-[#485F56]

text-[#485F56]

border-[#485F56]

// Example usage: