HEX Color #335F6D (Darkslategray)

About #335F6D

When working with digital screens, the color #335F6D is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 95, and 109.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 53% cyan and 13% magenta inks. The HSL representation is 194.5° hue, 36.2% saturation, and 31.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#335F6D

RGB51, 95, 109

HSL194.5°, 36.2%, 31.4%

CMYK53%, 13%, 0%, 57%

HSV194.5°, 53.2%, 42.7%

LAB37.8, -10.9, -12.7

XYZ8.2, 10.0, 16.0

Decimal3366765

Color Harmonies

Complementary

#335F6D #6C4133

Analogous

#336C5D #33416C

Triadic

#6C335E #5E6C33

Tetradic

#5E336C #6C4133 #416C33

Tints, Shades & Tones

Tints (Adding White)

#335F6D

#49707D

#60828D

#77949D

#8DA6AD

#A4B7BE

#BBC9CE

#D1DBDE

#E8EDEE

#FFFFFF

Shades (Adding Black)

#335F6D

#2D5460

#274954

#223F48

#1C343C

#162A30

#111F24

#0B1518

#050A0C

#000000

WCAG Contrast Accessibility

7.00:1

Text on #FFFFFF

AAA

3.00:1

Text on #000000

FAIL

6.69:1

Text on #F8FAFC

AA

2.55:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #335F6D; }

.text-color { color: #335F6D; }

.border-color { border: 2px solid #335F6D; }

Similar Colors

Darkslategray

#2F4F4F