#1d2f36 hex color

In a RGB color space, hex #1d2f36 is composed of 11.4% red, 18.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 13% magenta, 0% yellow and 78.8% black. It has a hue angle of 196.8 degrees, a saturation of 30.1% and a lightness of 16.3%. #1d2f36 color hex could be obtained by blending #3a5e6c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 11
- G 18
- B 21
RGB color chart
- C 46
- M 13
- Y 0
- K 79
CMYK color chart

● #1d2f36 color description : Very dark desaturated blue.

The hexadecimal color #1d2f36 has RGB values of R:29, G:47, B:54 and CMYK values of C:0.46, M:0.13, Y:0, K:0.79. Its decimal value is 1912630.

Hex triplet	1d2f36	`#1d2f36`
RGB Decimal	29, 47, 54	`rgb(29,47,54)`
RGB Percent	11.4, 18.4, 21.2	`rgb(11.4%,18.4%,21.2%)`
CMYK	46, 13, 0, 79
HSL	196.8°, 30.1, 16.3	`hsl(196.8,30.1%,16.3%)`
HSV (or HSB)	196.8°, 46.3, 21.2
Web Safe	333333	`#333333`

CIE-LAB	18.19, -5.116, -6.802
XYZ	2.189, 2.56, 3.869
xyY	0.254, 0.297, 2.56
CIE-LCH	18.19, 8.511, 233.053
CIE-LUV	18.19, -7.121, -6.359
Hunter-Lab	16.001, -3.585, -3.134
Binary	00011101, 00101111, 00110110

#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#36241d
```
#36241d rgb(54,36,29)
```

Complementary Color

#1d3631
```
#1d3631 rgb(29,54,49)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#1d2336
```
#1d2336 rgb(29,35,54)
```

Analogous Color

#36311d
```
#36311d rgb(54,49,29)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#361d23
```
#361d23 rgb(54,29,35)
```

Split Complementary Color

#2f361d
```
#2f361d rgb(47,54,29)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#361d2f
```
#361d2f rgb(54,29,47)
```

Triadic Color

#1d3624
```
#1d3624 rgb(29,54,36)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#361d2f
```
#361d2f rgb(54,29,47)
```
#36241d
```
#36241d rgb(54,36,29)
```

Tetradic Color

#020404
```
#020404 rgb(2,4,4)
```
#0b1215
```
#0b1215 rgb(11,18,21)
```
#142125
```
#142125 rgb(20,33,37)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#263d47
```
#263d47 rgb(38,61,71)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#385a68
```
#385a68 rgb(56,90,104)
```

Monochromatic Color

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

#1d3536
```
#1d3536 rgb(29,53,54)
```
#1d3336
```
#1d3336 rgb(29,51,54)
```
#1d3136
```
#1d3136 rgb(29,49,54)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#1d2d36
```
#1d2d36 rgb(29,45,54)
```
#1d2b36
```
#1d2b36 rgb(29,43,54)
```
#1d2936
```
#1d2936 rgb(29,41,54)
```

Similar Colors

Text with hexadecimal color #1d2f36

This text has a font color of #1d2f36.

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

#1d2f36 background color

This paragraph has a background color of #1d2f36.

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

#1d2f36 border color

This element has a border color of #1d2f36.

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

CSS codes

.text {color:#1d2f36;}

.background {background-color:#1d2f36;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080e10
```
#080e10 rgb(8,14,16)
```
#0f191c
```
#0f191c rgb(15,25,28)
```
#162429
```
#162429 rgb(22,36,41)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#243a43
```
#243a43 rgb(36,58,67)
```
#2b4550
```
#2b4550 rgb(43,69,80)
```
#32505c
```
#32505c rgb(50,80,92)
```
#385b69
```
#385b69 rgb(56,91,105)
```
#3f6776
```
#3f6776 rgb(63,103,118)
```
#467283
```
#467283 rgb(70,114,131)
```
#4d7d8f
```
#4d7d8f rgb(77,125,143)
```
#54889c
```
#54889c rgb(84,136,156)
```

Shade Color Variation

#5c92a7
```
#5c92a7 rgb(92,146,167)
```
#699bae
```
#699bae rgb(105,155,174)
```
#76a3b5
```
#76a3b5 rgb(118,163,181)
```
#82acbc
```
#82acbc rgb(130,172,188)
```
#8fb4c3
```
#8fb4c3 rgb(143,180,195)
```
#9cbdca
```
#9cbdca rgb(156,189,202)
```
#a9c5d1
```
#a9c5d1 rgb(169,197,209)
```
#b5ced7
```
#b5ced7 rgb(181,206,215)
```
#c2d6de
```
#c2d6de rgb(194,214,222)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#dce7ec
```
#dce7ec rgb(220,231,236)
```
#e8f0f3
```
#e8f0f3 rgb(232,240,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #272b2c is the less saturated color, while #003c53 is the most saturated one.

#272b2c
```
#272b2c rgb(39,43,44)
```
#232c30
```
#232c30 rgb(35,44,48)
```
#202e33
```
#202e33 rgb(32,46,51)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#1a3039
```
#1a3039 rgb(26,48,57)
```
#17323c
```
#17323c rgb(23,50,60)
```
#133340
```
#133340 rgb(19,51,64)
```
#103543
```
#103543 rgb(16,53,67)
```
#0d3646
```
#0d3646 rgb(13,54,70)
```
#0a3749
```
#0a3749 rgb(10,55,73)
```
#07394c
```
#07394c rgb(7,57,76)
```
#033a50
```
#033a50 rgb(3,58,80)
```
#003c53
```
#003c53 rgb(0,60,83)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#272b2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#35363e Protanopia 1% of men
#373641 Deuteranopia 1% of men
#283a3e Tritanopia 0.001% of the population

Trichromacy

#2c343b Protanomaly 1% of men, 0.01% of women
#2d333d Deuteranomaly 6% of men, 0.4% of women
#24363b Tritanomaly 0.01% of the population

#1d2f36 hex color

#1d2f36 Color Information

#1d2f36 Color Conversion

Color Schemes with #1d2f36

Alternatives to #1d2f36

#1d2f36 Preview

Shades and Tints of #1d2f36

Tones of #1d2f36

Color Blindness Simulator