Hex Color #397E92 - Custom Color

Color Codes

HEX

#397E92

RGB

rgb(57, 126, 146)

HSL

hsl(193, 44%, 40%)

CMYK

cmyk(61%, 14%, 0%, 43%)

HSV

hsv(193, 61%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#399379 #397F93 #395393

Triadic

#397F93 #93397F #7F9339

Split Complementary

#397F93 #933953 #937939

Tetradic (Square)

#397F93 #793993 #934D39 #539339

Complementary

#397E92 #934D39

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.59:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.57: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: #397E92;

color: #397E92;

border-color: #397E92;

}

Tailwind CSS (with arbitrary values)

bg-[#397E92]

text-[#397E92]

border-[#397E92]

// Example usage: