Hex Color #373650 - Custom Color

Color Codes

HEX

#373650

RGB

rgb(55, 54, 80)

HSL

hsl(242, 19%, 26%)

CMYK

cmyk(31%, 32%, 0%, 69%)

HSV

hsv(242, 33%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#36414F #37364F #43364F

Triadic

#37364F #4F3736 #364F37

Split Complementary

#37364F #4F4336 #414F36

Tetradic (Square)

#37364F #4F3641 #4E4F36 #364F43

Complementary

#373650 #4E4F36

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.63:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.81: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: #373650;

color: #373650;

border-color: #373650;

}

Tailwind CSS (with arbitrary values)

bg-[#373650]

text-[#373650]

border-[#373650]

// Example usage: