Hex Color #397F7C - Custom Color

Color Codes

HEX

#397F7C

RGB

rgb(57, 127, 124)

HSL

hsl(177, 38%, 36%)

CMYK

cmyk(55%, 0%, 2%, 50%)

HSV

hsv(177, 55%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#397F58 #397F7B #395F7F

Triadic

#397F7B #7B397F #7F7B39

Split Complementary

#397F7B #7F395F #7F5839

Tetradic (Square)

#397F7B #58397F #7F393C #5F7F39

Complementary

#397F7C #7F393C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.67:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.50: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: #397F7C;

color: #397F7C;

border-color: #397F7C;

}

Tailwind CSS (with arbitrary values)

bg-[#397F7C]

text-[#397F7C]

border-[#397F7C]

// Example usage: