#1d363a hex color

In a RGB color space, hex #1d363a is composed of 11.4% red, 21.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 6.9% magenta, 0% yellow and 77.3% black. It has a hue angle of 188.3 degrees, a saturation of 33.3% and a lightness of 17.1%. #1d363a color hex could be obtained by blending #3a6c74 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 11
- G 21
- B 23
RGB color chart
- C 50
- M 7
- Y 0
- K 77
CMYK color chart

● #1d363a color description : Very dark desaturated cyan.

The hexadecimal color #1d363a has RGB values of R:29, G:54, B:58 and CMYK values of C:0.5, M:0.07, Y:0, K:0.77. Its decimal value is 1914426.

Hex triplet	1d363a	`#1d363a`
RGB Decimal	29, 54, 58	`rgb(29,54,58)`
RGB Percent	11.4, 21.2, 22.7	`rgb(11.4%,21.2%,22.7%)`
CMYK	50, 7, 0, 77
HSL	188.3°, 33.3, 17.1	`hsl(188.3,33.3%,17.1%)`
HSV (or HSB)	188.3°, 50, 22.7
Web Safe	333333	`#333333`

CIE-LAB	20.846, -8.372, -5.542
XYZ	2.589, 3.205, 4.485
xyY	0.252, 0.312, 3.205
CIE-LCH	20.846, 10.04, 213.506
CIE-LUV	20.846, -9.837, -5.007
Hunter-Lab	17.902, -5.511, -2.322
Binary	00011101, 00110110, 00111010

#1d363a
```
#1d363a rgb(29,54,58)
```
#3a211d
```
#3a211d rgb(58,33,29)
```

Complementary Color

#1d3a30
```
#1d3a30 rgb(29,58,48)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#1d283a
```
#1d283a rgb(29,40,58)
```

Analogous Color

#3a301d
```
#3a301d rgb(58,48,29)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#3a1d28
```
#3a1d28 rgb(58,29,40)
```

Split Complementary Color

#363a1d
```
#363a1d rgb(54,58,29)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#3a1d36
```
#3a1d36 rgb(58,29,54)
```

Triadic Color

#1d3a21
```
#1d3a21 rgb(29,58,33)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#3a1d36
```
#3a1d36 rgb(58,29,54)
```
#3a211d
```
#3a211d rgb(58,33,29)
```

Tetradic Color

#040707
```
#040707 rgb(4,7,7)
```
#0c1618
```
#0c1618 rgb(12,22,24)
```
#152629
```
#152629 rgb(21,38,41)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#26464b
```
#26464b rgb(38,70,75)
```
#2e565c
```
#2e565c rgb(46,86,92)
```
#37656d
```
#37656d rgb(55,101,109)
```

Monochromatic Color

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

#1d3a37
```
#1d3a37 rgb(29,58,55)
```
#1d3a39
```
#1d3a39 rgb(29,58,57)
```
#1d383a
```
#1d383a rgb(29,56,58)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#1d343a
```
#1d343a rgb(29,52,58)
```
#1d313a
```
#1d313a rgb(29,49,58)
```
#1d2f3a
```
#1d2f3a rgb(29,47,58)
```

Similar Colors

Text with hexadecimal color #1d363a

This text has a font color of #1d363a.

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

#1d363a background color

This paragraph has a background color of #1d363a.

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

#1d363a border color

This element has a border color of #1d363a.

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

CSS codes

.text {color:#1d363a;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091113
```
#091113 rgb(9,17,19)
```
#101e20
```
#101e20 rgb(16,30,32)
```
#162a2d
```
#162a2d rgb(22,42,45)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#244247
```
#244247 rgb(36,66,71)
```
#2a4e54
```
#2a4e54 rgb(42,78,84)
```
#315b61
```
#315b61 rgb(49,91,97)
```
#37676e
```
#37676e rgb(55,103,110)
```
#3e737b
```
#3e737b rgb(62,115,123)
```
#447f88
```
#447f88 rgb(68,127,136)
```
#4b8b96
```
#4b8b96 rgb(75,139,150)
```
#5197a3
```
#5197a3 rgb(81,151,163)
```

Shade Color Variation

#5ba2ad
```
#5ba2ad rgb(91,162,173)
```
#68a9b3
```
#68a9b3 rgb(104,169,179)
```
#75b0ba
```
#75b0ba rgb(117,176,186)
```
#82b8c0
```
#82b8c0 rgb(130,184,192)
```
#8fbfc7
```
#8fbfc7 rgb(143,191,199)
```
#9cc7ce
```
#9cc7ce rgb(156,199,206)
```
#a9ced4
```
#a9ced4 rgb(169,206,212)
```
#b6d6db
```
#b6d6db rgb(182,214,219)
```
#c3dde1
```
#c3dde1 rgb(195,221,225)
```
#d0e4e8
```
#d0e4e8 rgb(208,228,232)
```
#ddecee
```
#ddecee rgb(221,236,238)
```
#ebf3f5
```
#ebf3f5 rgb(235,243,245)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#2a2c2d
```
#2a2c2d rgb(42,44,45)
```
#272f30
```
#272f30 rgb(39,47,48)
```
#243133
```
#243133 rgb(36,49,51)
```
#203437
```
#203437 rgb(32,52,55)
```
#1d363a
```
#1d363a rgb(29,54,58)
```
#1a383d
```
#1a383d rgb(26,56,61)
```
#163b41
```
#163b41 rgb(22,59,65)
```
#133d44
```
#133d44 rgb(19,61,68)
```
#104047
```
#104047 rgb(16,64,71)
```
#0c424b
```
#0c424b rgb(12,66,75)
```
#09454e
```
#09454e rgb(9,69,78)
```
#064751
```
#064751 rgb(6,71,81)
```
#024955
```
#024955 rgb(2,73,85)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2b3031 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3c41 Protanopia 1% of men
#3d3b46 Deuteranopia 1% of men
#294045 Tritanopia 0.001% of the population

Trichromacy

#303a3f Protanomaly 1% of men, 0.01% of women
#313941 Deuteranomaly 6% of men, 0.4% of women
#243c41 Tritanomaly 0.01% of the population

#1d363a hex color

#1d363a Color Information

#1d363a Color Conversion

Color Schemes with #1d363a

Alternatives to #1d363a

#1d363a Preview

Shades and Tints of #1d363a

Tones of #1d363a

Color Blindness Simulator