#335A50 Color

Color Information

HEX#335A50
RGB51, 90, 80
HSL165° , 28% , 28%
HSV165° , 43% , 35%
CMYK43%, 0%, 11%, 65%

Lighter Shades

#4B6E65 #64827A #7C958F #95A9A4 #ADBDB9 #C6D1CE

Darker Shades

#2D4F46 #27443D #213A33 #1B2F2A #142420 #0E1916

Complementary Palette

#2C4D45 #335A50 #4E2C34 #5B333D #725058 #507169

Analogous Palette

#384C3D #3D5242 #30554B #335A50 #3D4D52 #4A5D64

Triadic Palette

#2D4F46 #335A50 #552C63 #694576 #63552C #574B27

Split Complementary Palette

#2E5148 #335A50 #5B3351 #6B4762 #5B3D33 #52372E

Square Palette

#2B4C43 #335A50 #413B54 #543B41 #515B33 #6D7554

Tetradic Palette

#2A4A42 #335A50 #273768 #5B333D #685827 #83764E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #335A50 contains 51 red, 90 green, and 80 blue.

Contrast Ratio: 7.83:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.68:1