#336970 hex color

In a RGB color space, hex #336970 is composed of 20% red, 41.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 6.3% magenta, 0% yellow and 56.1% black. It has a hue angle of 186.9 degrees, a saturation of 37.4% and a lightness of 32%. #336970 color hex could be obtained by blending #66d2e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 41
- B 44
RGB color chart
- C 54
- M 6
- Y 0
- K 56
CMYK color chart

● #336970 color description : Very dark desaturated cyan.

The hexadecimal color #336970 has RGB values of R:51, G:105, B:112 and CMYK values of C:0.54, M:0.06, Y:0, K:0.56. Its decimal value is 3369328.

Hex triplet	336970	`#336970`
RGB Decimal	51, 105, 112	`rgb(51,105,112)`
RGB Percent	20, 41.2, 43.9	`rgb(20%,41.2%,43.9%)`
CMYK	54, 6, 0, 56
HSL	186.9°, 37.4, 32	`hsl(186.9,37.4%,32%)`
HSV (or HSB)	186.9°, 54.5, 43.9
Web Safe	336666	`#336666`

CIE-LAB	41.178, -15.721, -9.422
XYZ	9.341, 11.976, 17.148
xyY	0.243, 0.311, 11.976
CIE-LCH	41.178, 18.329, 210.935
CIE-LUV	41.178, -22.718, -10.721
Hunter-Lab	34.607, -12.383, -5.154
Binary	00110011, 01101001, 01110000

#336970
```
#336970 rgb(51,105,112)
```
#703a33
```
#703a33 rgb(112,58,51)
```

Complementary Color

#337059
```
#337059 rgb(51,112,89)
```
#336970
```
#336970 rgb(51,105,112)
```
#334b70
```
#334b70 rgb(51,75,112)
```

Analogous Color

#705933
```
#705933 rgb(112,89,51)
```
#336970
```
#336970 rgb(51,105,112)
```
#70334b
```
#70334b rgb(112,51,75)
```

Split Complementary Color

#697033
```
#697033 rgb(105,112,51)
```
#336970
```
#336970 rgb(51,105,112)
```
#703369
```
#703369 rgb(112,51,105)
```

Triadic Color

#33703a
```
#33703a rgb(51,112,58)
```
#336970
```
#336970 rgb(51,105,112)
```
#703369
```
#703369 rgb(112,51,105)
```
#703a33
```
#703a33 rgb(112,58,51)
```

Tetradic Color

#1b383b
```
#1b383b rgb(27,56,59)
```
#23484d
```
#23484d rgb(35,72,77)
```
#2b595e
```
#2b595e rgb(43,89,94)
```
#336970
```
#336970 rgb(51,105,112)
```
#3b7982
```
#3b7982 rgb(59,121,130)
```
#438a93
```
#438a93 rgb(67,138,147)
```
#4b9aa5
```
#4b9aa5 rgb(75,154,165)
```

Monochromatic Color

Below, you can see some colors close to #336970. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#337068
```
#337068 rgb(51,112,104)
```
#33706d
```
#33706d rgb(51,112,109)
```
#336e70
```
#336e70 rgb(51,110,112)
```
#336970
```
#336970 rgb(51,105,112)
```
#336470
```
#336470 rgb(51,100,112)
```
#335f70
```
#335f70 rgb(51,95,112)
```
#335a70
```
#335a70 rgb(51,90,112)
```

Similar Colors

Text with hexadecimal color #336970

This text has a font color of #336970.

<span style="color:#336970;">Text here</span>

#336970 background color

This paragraph has a background color of #336970.

<p style="background-color:#336970;">Content here</p>

#336970 border color

This element has a border color of #336970.

<div style="border:1px solid #336970;">Content here</div>

CSS codes

.text {color:#336970;}

.background {background-color:#336970;}

.border {border:1px solid #336970;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020404 is the darkest color, while #f6fafb is the lightest one.

#020404
```
#020404 rgb(2,4,4)
```
#081112
```
#081112 rgb(8,17,18)
```
#0e1d1f
```
#0e1d1f rgb(14,29,31)
```
#142a2d
```
#142a2d rgb(20,42,45)
```
#1a363a
```
#1a363a rgb(26,54,58)
```
#214348
```
#214348 rgb(33,67,72)
```
#275055
```
#275055 rgb(39,80,85)
```
#2d5c63
```
#2d5c63 rgb(45,92,99)
```
#336970
```
#336970 rgb(51,105,112)
```
#39767d
```
#39767d rgb(57,118,125)
```
#3f828b
```
#3f828b rgb(63,130,139)
```
#458f98
```
#458f98 rgb(69,143,152)
```
#4c9ca6
```
#4c9ca6 rgb(76,156,166)
```

Shade Color Variation

#54a6b1
```
#54a6b1 rgb(84,166,177)
```
#61adb7
```
#61adb7 rgb(97,173,183)
```
#6fb4bd
```
#6fb4bd rgb(111,180,189)
```
#7cbbc4
```
#7cbbc4 rgb(124,187,196)
```
#8ac2ca
```
#8ac2ca rgb(138,194,202)
```
#97c9d0
```
#97c9d0 rgb(151,201,208)
```
#a5d0d6
```
#a5d0d6 rgb(165,208,214)
```
#b2d7dc
```
#b2d7dc rgb(178,215,220)
```
#c0dee2
```
#c0dee2 rgb(192,222,226)
```
#cde5e8
```
#cde5e8 rgb(205,229,232)
```
#dbecee
```
#dbecee rgb(219,236,238)
```
#e8f3f5
```
#e8f3f5 rgb(232,243,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c5657 is the less saturated color, while #0190a2 is the most saturated one.

#4c5657
```
#4c5657 rgb(76,86,87)
```
#465b5d
```
#465b5d rgb(70,91,93)
```
#405f63
```
#405f63 rgb(64,95,99)
```
#39646a
```
#39646a rgb(57,100,106)
```
#336970
```
#336970 rgb(51,105,112)
```
#2d6e76
```
#2d6e76 rgb(45,110,118)
```
#26737d
```
#26737d rgb(38,115,125)
```
#207783
```
#207783 rgb(32,119,131)
```
#1a7c89
```
#1a7c89 rgb(26,124,137)
```
#14818f
```
#14818f rgb(20,129,143)
```
#0d8696
```
#0d8696 rgb(13,134,150)
```
#078b9c
```
#078b9c rgb(7,139,156)
```
#0190a2
```
#0190a2 rgb(1,144,162)
```

Tone Color Variation

Below, you can see how #336970 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#525d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#686872 Protanopia 1% of men
#6a677b Deuteranopia 1% of men
#3e7078 Tritanopia 0.001% of the population

Trichromacy

#546871 Protanomaly 1% of men, 0.01% of women
#566777 Deuteranomaly 6% of men, 0.4% of women
#3a6d75 Tritanomaly 0.01% of the population

#336970 hex color

#336970 Color Information

#336970 Color Conversion

Color Schemes with #336970

Alternatives to #336970

#336970 Preview

Shades and Tints of #336970

Tones of #336970

Color Blindness Simulator