Hex Color #6D9A90 - Custom Color

Color Codes

HEX

#6D9A90

RGB

rgb(109, 154, 144)

HSL

hsl(167, 18%, 52%)

CMYK

cmyk(29%, 0%, 6%, 40%)

HSV

hsv(167, 29%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6F9B7B #6F9B91 #6F8E9B

Triadic

#6F9B91 #916F9B #9B916F

Split Complementary

#6F9B91 #9B6F8E #9B7B6F

Tetradic (Square)

#6F9B91 #7B6F9B #9B6F78 #8E9B6F

Complementary

#6D9A90 #9B6F78

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.15:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.68:1

Pass - 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: #6D9A90;

color: #6D9A90;

border-color: #6D9A90;

}

Tailwind CSS (with arbitrary values)

bg-[#6D9A90]

text-[#6D9A90]

border-[#6D9A90]

// Example usage: