#35696f hex color

In a RGB color space, hex #35696f is composed of 20.8% red, 41.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 5.4% magenta, 0% yellow and 56.5% black. It has a hue angle of 186.2 degrees, a saturation of 35.4% and a lightness of 32.2%. #35696f color hex could be obtained by blending #6ad2de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 41
- B 44
RGB color chart
- C 52
- M 5
- Y 0
- K 56
CMYK color chart

● #35696f color description : Very dark desaturated cyan.

The hexadecimal color #35696f has RGB values of R:53, G:105, B:111 and CMYK values of C:0.52, M:0.05, Y:0, K:0.56. Its decimal value is 3500399.

Hex triplet	35696f	`#35696f`
RGB Decimal	53, 105, 111	`rgb(53,105,111)`
RGB Percent	20.8, 41.2, 43.5	`rgb(20.8%,41.2%,43.5%)`
CMYK	52, 5, 0, 56
HSL	186.2°, 35.4, 32.2	`hsl(186.2,35.4%,32.2%)`
HSV (or HSB)	186.2°, 52.3, 43.5
Web Safe	336666	`#336666`

CIE-LAB	41.227, -15.542, -8.732
XYZ	9.388, 12.007, 16.861
xyY	0.245, 0.314, 12.007
CIE-LCH	41.227, 17.827, 209.328
CIE-LUV	41.227, -22.199, -9.763
Hunter-Lab	34.651, -12.278, -4.594
Binary	00110101, 01101001, 01101111

#35696f
```
#35696f rgb(53,105,111)
```
#6f3b35
```
#6f3b35 rgb(111,59,53)
```

Complementary Color

#356f58
```
#356f58 rgb(53,111,88)
```
#35696f
```
#35696f rgb(53,105,111)
```
#354c6f
```
#354c6f rgb(53,76,111)
```

Analogous Color

#6f5835
```
#6f5835 rgb(111,88,53)
```
#35696f
```
#35696f rgb(53,105,111)
```
#6f354c
```
#6f354c rgb(111,53,76)
```

Split Complementary Color

#696f35
```
#696f35 rgb(105,111,53)
```
#35696f
```
#35696f rgb(53,105,111)
```
#6f3569
```
#6f3569 rgb(111,53,105)
```

Triadic Color

#356f3b
```
#356f3b rgb(53,111,59)
```
#35696f
```
#35696f rgb(53,105,111)
```
#6f3569
```
#6f3569 rgb(111,53,105)
```
#6f3b35
```
#6f3b35 rgb(111,59,53)
```

Tetradic Color

#1c383b
```
#1c383b rgb(28,56,59)
```
#25484c
```
#25484c rgb(37,72,76)
```
#2d595e
```
#2d595e rgb(45,89,94)
```
#35696f
```
#35696f rgb(53,105,111)
```
#3d7980
```
#3d7980 rgb(61,121,128)
```
#458a92
```
#458a92 rgb(69,138,146)
```
#4e9aa3
```
#4e9aa3 rgb(78,154,163)
```

Monochromatic Color

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

#356f67
```
#356f67 rgb(53,111,103)
```
#356f6b
```
#356f6b rgb(53,111,107)
```
#356e6f
```
#356e6f rgb(53,110,111)
```
#35696f
```
#35696f rgb(53,105,111)
```
#35646f
```
#35646f rgb(53,100,111)
```
#355f6f
```
#355f6f rgb(53,95,111)
```
#355b6f
```
#355b6f rgb(53,91,111)
```

Similar Colors

Text with hexadecimal color #35696f

This text has a font color of #35696f.

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

#35696f background color

This paragraph has a background color of #35696f.

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

#35696f border color

This element has a border color of #35696f.

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

CSS codes

.text {color:#35696f;}

.background {background-color:#35696f;}

.border {border:1px solid #35696f;}

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

#020505
```
#020505 rgb(2,5,5)
```
#091112
```
#091112 rgb(9,17,18)
```
#0f1e1f
```
#0f1e1f rgb(15,30,31)
```
#152a2d
```
#152a2d rgb(21,42,45)
```
#1c373a
```
#1c373a rgb(28,55,58)
```
#224347
```
#224347 rgb(34,67,71)
```
#285054
```
#285054 rgb(40,80,84)
```
#2f5c62
```
#2f5c62 rgb(47,92,98)
```
#35696f
```
#35696f rgb(53,105,111)
```
#3b767c
```
#3b767c rgb(59,118,124)
```
#42828a
```
#42828a rgb(66,130,138)
```
#488f97
```
#488f97 rgb(72,143,151)
```
#4e9ba4
```
#4e9ba4 rgb(78,155,164)
```

Shade Color Variation

#57a6af
```
#57a6af rgb(87,166,175)
```
#64adb5
```
#64adb5 rgb(100,173,181)
```
#72b4bc
```
#72b4bc rgb(114,180,188)
```
#7fbbc2
```
#7fbbc2 rgb(127,187,194)
```
#8cc2c8
```
#8cc2c8 rgb(140,194,200)
```
#9ac9cf
```
#9ac9cf rgb(154,201,207)
```
#a7d0d5
```
#a7d0d5 rgb(167,208,213)
```
#b4d7db
```
#b4d7db rgb(180,215,219)
```
#c1dee2
```
#c1dee2 rgb(193,222,226)
```
#cfe5e8
```
#cfe5e8 rgb(207,229,232)
```
#dcecee
```
#dcecee rgb(220,236,238)
```
#e9f3f5
```
#e9f3f5 rgb(233,243,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#4e5556
```
#4e5556 rgb(78,85,86)
```
#485a5c
```
#485a5c rgb(72,90,92)
```
#425f62
```
#425f62 rgb(66,95,98)
```
#3b6469
```
#3b6469 rgb(59,100,105)
```
#35696f
```
#35696f rgb(53,105,111)
```
#2f6e75
```
#2f6e75 rgb(47,110,117)
```
#28737c
```
#28737c rgb(40,115,124)
```
#227882
```
#227882 rgb(34,120,130)
```
#1c7d88
```
#1c7d88 rgb(28,125,136)
```
#15828f
```
#15828f rgb(21,130,143)
```
#0f8795
```
#0f8795 rgb(15,135,149)
```
#098c9b
```
#098c9b rgb(9,140,155)
```
#0391a1
```
#0391a1 rgb(3,145,161)
```

Tone Color Variation

Below, you can see how #35696f 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
#535d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#686871 Protanopia 1% of men
#6a677a Deuteranopia 1% of men
#407078 Tritanopia 0.001% of the population

Trichromacy

#556870 Protanomaly 1% of men, 0.01% of women
#576776 Deuteranomaly 6% of men, 0.4% of women
#3c6d75 Tritanomaly 0.01% of the population

#35696f hex color

#35696f Color Information

#35696f Color Conversion

Color Schemes with #35696f

Alternatives to #35696f

#35696f Preview

Shades and Tints of #35696f

Tones of #35696f

Color Blindness Simulator