colorhexa.com

#336058 hex color

In a RGB color space, hex #336058 is composed of 20% red, 37.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 0% magenta, 8.3% yellow and 62.4% black. It has a hue angle of 169.3 degrees, a saturation of 30.6% and a lightness of 28.8%. #336058 color hex could be obtained by blending #66c0b0 with #000000. Closest websafe color is: #336666.

- R 20
- G 38
- B 35
RGB color chart
- C 47
- M 0
- Y 8
- K 62
CMYK color chart

● #336058 color description : Very dark desaturated cyan.

The hexadecimal color #336058 has RGB values of R:51, G:96, B:88 and CMYK values of C:0.47, M:0, Y:0.08, K:0.62. Its decimal value is 3367000.

Hex triplet	336058	`#336058`
RGB Decimal	51, 96, 88	`rgb(51,96,88)`
RGB Percent	20, 37.6, 34.5	`rgb(20%,37.6%,34.5%)`
CMYK	47, 0, 8, 62
HSL	169.3°, 30.6, 28.8	`hsl(169.3,30.6%,28.8%)`
HSV (or HSB)	169.3°, 46.9, 37.6
Web Safe	336666	`#336666`

CIE-LAB	37.433, -17.692, -0.263
XYZ	7.309, 9.774, 10.733
xyY	0.263, 0.351, 9.774
CIE-LCH	37.433, 17.694, 180.852
CIE-LUV	37.433, -19.831, 2.089
Hunter-Lab	31.263, -12.978, 1.528
Binary	00110011, 01100000, 01011000

#336058
```
#336058 rgb(51,96,88)
```
#60333b
```
#60333b rgb(96,51,59)
```

Complementary Color

#336042
```
#336042 rgb(51,96,66)
```
#336058
```
#336058 rgb(51,96,88)
```
#335260
```
#335260 rgb(51,82,96)
```

Analogous Color

#604233
```
#604233 rgb(96,66,51)
```
#336058
```
#336058 rgb(51,96,88)
```
#603352
```
#603352 rgb(96,51,82)
```

Split Complementary Color

#182e2a
```
#182e2a rgb(24,46,42)
```
#213f39
```
#213f39 rgb(33,63,57)
```
#2a4f49
```
#2a4f49 rgb(42,79,73)
```
#336058
```
#336058 rgb(51,96,88)
```
#3c7167
```
#3c7167 rgb(60,113,103)
```
#458177
```
#458177 rgb(69,129,119)
```
#4e9286
```
#4e9286 rgb(78,146,134)
```

Monochromatic Color

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

#33604d
```
#33604d rgb(51,96,77)
```
#336051
```
#336051 rgb(51,96,81)
```
#336054
```
#336054 rgb(51,96,84)
```
#336058
```
#336058 rgb(51,96,88)
```
#33605c
```
#33605c rgb(51,96,92)
```
#336060
```
#336060 rgb(51,96,96)
```
#335d60
```
#335d60 rgb(51,93,96)
```

Similar Colors

Text with hexadecimal color #336058

This text has a font color of #336058.

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

#336058 background color

This paragraph has a background color of #336058.

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

#336058 border color

This element has a border color of #336058.

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

CSS codes

.text {color:#336058;}

.background {background-color:#336058;}

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

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, #030606 is the darkest color, while #f9fcfb is the lightest one.

#030606
```
#030606 rgb(3,6,6)
```
#0a1312
```
#0a1312 rgb(10,19,18)
```
#11201d
```
#11201d rgb(17,32,29)
```
#182d29
```
#182d29 rgb(24,45,41)
```
#1f3a35
```
#1f3a35 rgb(31,58,53)
```
#254641
```
#254641 rgb(37,70,65)
```
#2c534c
```
#2c534c rgb(44,83,76)
```
#336058
```
#336058 rgb(51,96,88)
```
#3a6d64
```
#3a6d64 rgb(58,109,100)
```
#417a6f
```
#417a6f rgb(65,122,111)
```
#47867b
```
#47867b rgb(71,134,123)
```
#4e9387
```
#4e9387 rgb(78,147,135)
```
#55a093
```
#55a093 rgb(85,160,147)
```

Shade Color Variation

#5faa9d
```
#5faa9d rgb(95,170,157)
```
#6cb1a4
```
#6cb1a4 rgb(108,177,164)
```
#78b8ac
```
#78b8ac rgb(120,184,172)
```
#85beb4
```
#85beb4 rgb(133,190,180)
```
#92c5bc
```
#92c5bc rgb(146,197,188)
```
#9fccc4
```
#9fccc4 rgb(159,204,196)
```
#acd3cc
```
#acd3cc rgb(172,211,204)
```
#b8dad4
```
#b8dad4 rgb(184,218,212)
```
#c5e0dc
```
#c5e0dc rgb(197,224,220)
```
#d2e7e3
```
#d2e7e3 rgb(210,231,227)
```
#dfeeeb
```
#dfeeeb rgb(223,238,235)
```
#ecf5f3
```
#ecf5f3 rgb(236,245,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444f4d is the less saturated color, while #009379 is the most saturated one.

#444f4d
```
#444f4d rgb(68,79,77)
```
#3e5551
```
#3e5551 rgb(62,85,81)
```
#395a54
```
#395a54 rgb(57,90,84)
```
#336058
```
#336058 rgb(51,96,88)
```
#2d665c
```
#2d665c rgb(45,102,92)
```
#286b5f
```
#286b5f rgb(40,107,95)
```
#227163
```
#227163 rgb(34,113,99)
```
#1c7767
```
#1c7767 rgb(28,119,103)
```
#177c6a
```
#177c6a rgb(23,124,106)
```
#11826e
```
#11826e rgb(17,130,110)
```
#0b8872
```
#0b8872 rgb(11,136,114)
```
#068d75
```
#068d75 rgb(6,141,117)
```
#009379
```
#009379 rgb(0,147,121)
```

Tone Color Variation

Below, you can see how #336058 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

#525252 Achromatopsia 0.005% of the population
#4c5553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63605c Protanopia 1% of men
#685e64 Deuteranopia 1% of men
#42666d Tritanopia 0.001% of the population

Trichromacy

#51605a Protanomaly 1% of men, 0.01% of women
#545e5f Deuteranomaly 6% of men, 0.4% of women
#3c6465 Tritanomaly 0.01% of the population