Hex Color #345F54 - Custom Color

Color Codes

HEX

#345F54

RGB

rgb(52, 95, 84)

HSL

hsl(165, 29%, 29%)

CMYK

cmyk(45%, 0%, 12%, 63%)

HSV

hsv(165, 45%, 37%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#355F3F #355F55 #35555F

Triadic

#355F55 #55355F #5F5535

Split Complementary

#355F55 #5F3555 #5F3F35

Tetradic (Square)

#355F55 #3F355F #5F353F #555F35

Complementary

#345F54 #5F353F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.21:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.91: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: #345F54;

color: #345F54;

border-color: #345F54;

}

Tailwind CSS (with arbitrary values)

bg-[#345F54]

text-[#345F54]

border-[#345F54]

// Example usage: