colorhexa.com

#33685c hex color

In a RGB color space, hex #33685c is composed of 20% red, 40.8% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 0% magenta, 11.5% yellow and 59.2% black. It has a hue angle of 166.4 degrees, a saturation of 34.2% and a lightness of 30.4%. #33685c color hex could be obtained by blending #66d0b8 with #000000. Closest websafe color is: #336666.

- R 20
- G 41
- B 36
RGB color chart
- C 51
- M 0
- Y 12
- K 59
CMYK color chart

● #33685c color description : Very dark desaturated cyan.

The hexadecimal color #33685c has RGB values of R:51, G:104, B:92 and CMYK values of C:0.51, M:0, Y:0.12, K:0.59. Its decimal value is 3369052.

Hex triplet	33685c	`#33685c`
RGB Decimal	51, 104, 92	`rgb(51,104,92)`
RGB Percent	20, 40.8, 36.1	`rgb(20%,40.8%,36.1%)`
CMYK	51, 0, 12, 59
HSL	166.4°, 34.2, 30.4	`hsl(166.4,34.2%,30.4%)`
HSV (or HSB)	166.4°, 51, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.208, -20.922, 1.325
XYZ	8.247, 11.377, 11.886
xyY	0.262, 0.361, 11.377
CIE-LCH	40.208, 20.964, 176.376
CIE-LUV	40.208, -23.047, 4.644
Hunter-Lab	33.729, -15.383, 2.717
Binary	00110011, 01101000, 01011100

#33685c
```
#33685c rgb(51,104,92)
```
#68333f
```
#68333f rgb(104,51,63)
```

Complementary Color

#336842
```
#336842 rgb(51,104,66)
```
#33685c
```
#33685c rgb(51,104,92)
```
#335a68
```
#335a68 rgb(51,90,104)
```

Analogous Color

#684233
```
#684233 rgb(104,66,51)
```
#33685c
```
#33685c rgb(51,104,92)
```
#68335a
```
#68335a rgb(104,51,90)
```

Split Complementary Color

#685c33
```
#685c33 rgb(104,92,51)
```
#33685c
```
#33685c rgb(51,104,92)
```
#5c3368
```
#5c3368 rgb(92,51,104)
```

Triadic Color

#1a352f
```
#1a352f rgb(26,53,47)
```
#22463e
```
#22463e rgb(34,70,62)
```
#2b574d
```
#2b574d rgb(43,87,77)
```
#33685c
```
#33685c rgb(51,104,92)
```
#3b796b
```
#3b796b rgb(59,121,107)
```
#448a7a
```
#448a7a rgb(68,138,122)
```
#4c9b89
```
#4c9b89 rgb(76,155,137)
```

Monochromatic Color

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

#33684f
```
#33684f rgb(51,104,79)
```
#336853
```
#336853 rgb(51,104,83)
```
#336858
```
#336858 rgb(51,104,88)
```
#33685c
```
#33685c rgb(51,104,92)
```
#336860
```
#336860 rgb(51,104,96)
```
#336865
```
#336865 rgb(51,104,101)
```
#336768
```
#336768 rgb(51,103,104)
```

Similar Colors

Text with hexadecimal color #33685c

This text has a font color of #33685c.

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

#33685c background color

This paragraph has a background color of #33685c.

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

#33685c border color

This element has a border color of #33685c.

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

CSS codes

.text {color:#33685c;}

.background {background-color:#33685c;}

.border {border:1px solid #33685c;}

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, #060c0b is the darkest color, while #fefefe is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1916
```
#0c1916 rgb(12,25,22)
```
#132622
```
#132622 rgb(19,38,34)
```
#19332d
```
#19332d rgb(25,51,45)
```
#204139
```
#204139 rgb(32,65,57)
```
#264e45
```
#264e45 rgb(38,78,69)
```
#2d5b50
```
#2d5b50 rgb(45,91,80)
```
#33685c
```
#33685c rgb(51,104,92)
```
#397568
```
#397568 rgb(57,117,104)
```
#408273
```
#408273 rgb(64,130,115)
```
#468f7f
```
#468f7f rgb(70,143,127)
```
#4d9d8b
```
#4d9d8b rgb(77,157,139)
```
#53aa96
```
#53aa96 rgb(83,170,150)
```

Shade Color Variation

#60b19f
```
#60b19f rgb(96,177,159)
```
#6db7a7
```
#6db7a7 rgb(109,183,167)
```
#7abeae
```
#7abeae rgb(122,190,174)
```
#87c4b6
```
#87c4b6 rgb(135,196,182)
```
#94cbbe
```
#94cbbe rgb(148,203,190)
```
#a2d1c6
```
#a2d1c6 rgb(162,209,198)
```
#afd8ce
```
#afd8ce rgb(175,216,206)
```
#bcded6
```
#bcded6 rgb(188,222,214)
```
#c9e5de
```
#c9e5de rgb(201,229,222)
```
#d6ebe6
```
#d6ebe6 rgb(214,235,230)
```
#e3f1ee
```
#e3f1ee rgb(227,241,238)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4b504f
```
#4b504f rgb(75,80,79)
```
#455652
```
#455652 rgb(69,86,82)
```
#3f5c55
```
#3f5c55 rgb(63,92,85)
```
#396259
```
#396259 rgb(57,98,89)
```
#33685c
```
#33685c rgb(51,104,92)
```
#2d6e5f
```
#2d6e5f rgb(45,110,95)
```
#277463
```
#277463 rgb(39,116,99)
```
#217a66
```
#217a66 rgb(33,122,102)
```
#1b8069
```
#1b8069 rgb(27,128,105)
```
#15866c
```
#15866c rgb(21,134,108)
```
#0f8c70
```
#0f8c70 rgb(15,140,112)
```
#099273
```
#099273 rgb(9,146,115)
```
#039876
```
#039876 rgb(3,152,118)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a665f Protanopia 1% of men
#6f6468 Deuteranopia 1% of men
#436d75 Tritanopia 0.001% of the population

Trichromacy

#56675e Protanomaly 1% of men, 0.01% of women
#596563 Deuteranomaly 6% of men, 0.4% of women
#3d6b6c Tritanomaly 0.01% of the population