colorhexa.com

#33695c hex color

In a RGB color space, hex #33695c is composed of 20% red, 41.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 12.4% yellow and 58.8% black. It has a hue angle of 165.6 degrees, a saturation of 34.6% and a lightness of 30.6%. #33695c color hex could be obtained by blending #66d2b8 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

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

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

Hex triplet	33695c	`#33695c`
RGB Decimal	51, 105, 92	`rgb(51,105,92)`
RGB Percent	20, 41.2, 36.1	`rgb(20%,41.2%,36.1%)`
CMYK	51, 0, 12, 59
HSL	165.6°, 34.6, 30.6	`hsl(165.6,34.6%,30.6%)`
HSV (or HSB)	165.6°, 51.4, 41.2
Web Safe	336666	`#336666`

CIE-LAB	40.539, -21.449, 1.806
XYZ	8.348, 11.579, 11.92
xyY	0.262, 0.364, 11.579
CIE-LCH	40.539, 21.525, 175.186
CIE-LUV	40.539, -23.463, 5.351
Hunter-Lab	34.028, -15.758, 3.051
Binary	00110011, 01101001, 01011100

#33695c
```
#33695c rgb(51,105,92)
```
#693340
```
#693340 rgb(105,51,64)
```

Complementary Color

#336941
```
#336941 rgb(51,105,65)
```
#33695c
```
#33695c rgb(51,105,92)
```
#335b69
```
#335b69 rgb(51,91,105)
```

Analogous Color

#694133
```
#694133 rgb(105,65,51)
```
#33695c
```
#33695c rgb(51,105,92)
```
#69335b
```
#69335b rgb(105,51,91)
```

Split Complementary Color

#695c33
```
#695c33 rgb(105,92,51)
```
#33695c
```
#33695c rgb(51,105,92)
```
#5c3369
```
#5c3369 rgb(92,51,105)
```

Triadic Color

#1a362f
```
#1a362f rgb(26,54,47)
```
#22473e
```
#22473e rgb(34,71,62)
```
#2b584d
```
#2b584d rgb(43,88,77)
```
#33695c
```
#33695c rgb(51,105,92)
```
#3b7a6b
```
#3b7a6b rgb(59,122,107)
```
#448b7a
```
#448b7a rgb(68,139,122)
```
#4c9c89
```
#4c9c89 rgb(76,156,137)
```

Monochromatic Color

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

#33694f
```
#33694f rgb(51,105,79)
```
#336953
```
#336953 rgb(51,105,83)
```
#336958
```
#336958 rgb(51,105,88)
```
#33695c
```
#33695c rgb(51,105,92)
```
#336961
```
#336961 rgb(51,105,97)
```
#336965
```
#336965 rgb(51,105,101)
```
#336969
```
#336969 rgb(51,105,105)
```

Similar Colors

Text with hexadecimal color #33695c

This text has a font color of #33695c.

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

#33695c background color

This paragraph has a background color of #33695c.

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

#33695c border color

This element has a border color of #33695c.

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

CSS codes

.text {color:#33695c;}

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

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

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

#060d0b
```
#060d0b rgb(6,13,11)
```
#0d1a17
```
#0d1a17 rgb(13,26,23)
```
#132722
```
#132722 rgb(19,39,34)
```
#19342e
```
#19342e rgb(25,52,46)
```
#204139
```
#204139 rgb(32,65,57)
```
#264f45
```
#264f45 rgb(38,79,69)
```
#2d5c50
```
#2d5c50 rgb(45,92,80)
```
#33695c
```
#33695c rgb(51,105,92)
```
#397668
```
#397668 rgb(57,118,104)
```
#408373
```
#408373 rgb(64,131,115)
```
#46917f
```
#46917f rgb(70,145,127)
```
#4d9e8a
```
#4d9e8a rgb(77,158,138)
```
#53ab96
```
#53ab96 rgb(83,171,150)
```

Shade Color Variation

#60b29e
```
#60b29e rgb(96,178,158)
```
#6db8a6
```
#6db8a6 rgb(109,184,166)
```
#7abfae
```
#7abfae rgb(122,191,174)
```
#88c5b6
```
#88c5b6 rgb(136,197,182)
```
#95cbbe
```
#95cbbe rgb(149,203,190)
```
#a2d2c6
```
#a2d2c6 rgb(162,210,198)
```
#afd8ce
```
#afd8ce rgb(175,216,206)
```
#bcdfd6
```
#bcdfd6 rgb(188,223,214)
```
#cae5de
```
#cae5de rgb(202,229,222)
```
#d7ebe6
```
#d7ebe6 rgb(215,235,230)
```
#e4f2ef
```
#e4f2ef rgb(228,242,239)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4b5150
```
#4b5150 rgb(75,81,80)
```
#455753
```
#455753 rgb(69,87,83)
```
#3f5d56
```
#3f5d56 rgb(63,93,86)
```
#396359
```
#396359 rgb(57,99,89)
```
#33695c
```
#33695c rgb(51,105,92)
```
#2d6f5f
```
#2d6f5f rgb(45,111,95)
```
#277562
```
#277562 rgb(39,117,98)
```
#217b65
```
#217b65 rgb(33,123,101)
```
#1b8168
```
#1b8168 rgb(27,129,104)
```
#15876c
```
#15876c rgb(21,135,108)
```
#0f8d6f
```
#0f8d6f rgb(15,141,111)
```
#099372
```
#099372 rgb(9,147,114)
```
#039975
```
#039975 rgb(3,153,117)
```

Tone Color Variation

Below, you can see how #33695c 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
#505b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b675f Protanopia 1% of men
#706468 Deuteranopia 1% of men
#446e76 Tritanopia 0.001% of the population

Trichromacy

#56685e Protanomaly 1% of men, 0.01% of women
#5a6664 Deuteranomaly 6% of men, 0.4% of women
#3d6c6c Tritanomaly 0.01% of the population