Hex Color #949B83 - Custom Color

Color Codes

HEX

#949B83

RGB

rgb(148, 155, 131)

HSL

hsl(77, 11%, 56%)

CMYK

cmyk(5%, 0%, 15%, 39%)

HSV

hsv(77, 15%, 61%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9B9682 #949B82 #889B82

Triadic

#949B82 #82949B #9B8294

Split Complementary

#949B82 #82889B #96829B

Tetradic (Square)

#949B82 #829B96 #89829B #9B8288

Complementary

#949B83 #89829B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.89:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.28: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: #949B83;

color: #949B83;

border-color: #949B83;

}

Tailwind CSS (with arbitrary values)

bg-[#949B83]

text-[#949B83]

border-[#949B83]

// Example usage: