#1d2236 hex color

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

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

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

The hexadecimal color #1d2236 has RGB values of R:29, G:34, B:54 and CMYK values of C:0.46, M:0.37, Y:0, K:0.79. Its decimal value is 1909302.

Hex triplet	1d2236	`#1d2236`
RGB Decimal	29, 34, 54	`rgb(29,34,54)`
RGB Percent	11.4, 13.3, 21.2	`rgb(11.4%,13.3%,21.2%)`
CMYK	46, 37, 0, 79
HSL	228°, 30.1, 16.3	`hsl(228,30.1%,16.3%)`
HSV (or HSB)	228°, 46.3, 21.2
Web Safe	333333	`#333333`

CIE-LAB	13.66, 4.046, -13.763
XYZ	1.744, 1.672, 3.721
xyY	0.244, 0.234, 1.672
CIE-LCH	13.66, 14.345, 286.383
CIE-LUV	13.66, -2.506, -12.826
Hunter-Lab	12.929, 1.459, -8.012
Binary	00011101, 00100010, 00110110

#1d2236
```
#1d2236 rgb(29,34,54)
```
#36311d
```
#36311d rgb(54,49,29)
```

Complementary Color

#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#251d36
```
#251d36 rgb(37,29,54)
```

Analogous Color

#2f361d
```
#2f361d rgb(47,54,29)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#36251d
```
#36251d rgb(54,37,29)
```

Split Complementary Color

#22361d
```
#22361d rgb(34,54,29)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#361d22
```
#361d22 rgb(54,29,34)
```

Triadic Color

#1d3631
```
#1d3631 rgb(29,54,49)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#361d22
```
#361d22 rgb(54,29,34)
```
#36311d
```
#36311d rgb(54,49,29)
```

Tetradic Color

#020304
```
#020304 rgb(2,3,4)
```
#0b0d15
```
#0b0d15 rgb(11,13,21)
```
#141825
```
#141825 rgb(20,24,37)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#262c47
```
#262c47 rgb(38,44,71)
```
#2f3757
```
#2f3757 rgb(47,55,87)
```
#384168
```
#384168 rgb(56,65,104)
```

Monochromatic Color

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

#1d2836
```
#1d2836 rgb(29,40,54)
```
#1d2636
```
#1d2636 rgb(29,38,54)
```
#1d2436
```
#1d2436 rgb(29,36,54)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#1d2036
```
#1d2036 rgb(29,32,54)
```
#1d1e36
```
#1d1e36 rgb(29,30,54)
```
#1e1d36
```
#1e1d36 rgb(30,29,54)
```

Similar Colors

Text with hexadecimal color #1d2236

This text has a font color of #1d2236.

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

#1d2236 background color

This paragraph has a background color of #1d2236.

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

#1d2236 border color

This element has a border color of #1d2236.

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

CSS codes

.text {color:#1d2236;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f121c
```
#0f121c rgb(15,18,28)
```
#161a29
```
#161a29 rgb(22,26,41)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#242a43
```
#242a43 rgb(36,42,67)
```
#2b3250
```
#2b3250 rgb(43,50,80)
```
#323a5c
```
#323a5c rgb(50,58,92)
```
#384269
```
#384269 rgb(56,66,105)
```
#3f4a76
```
#3f4a76 rgb(63,74,118)
```
#465283
```
#465283 rgb(70,82,131)
```
#4d5a8f
```
#4d5a8f rgb(77,90,143)
```
#54629c
```
#54629c rgb(84,98,156)
```

Shade Color Variation

#5c6ba7
```
#5c6ba7 rgb(92,107,167)
```
#6977ae
```
#6977ae rgb(105,119,174)
```
#7682b5
```
#7682b5 rgb(118,130,181)
```
#828ebc
```
#828ebc rgb(130,142,188)
```
#8f99c3
```
#8f99c3 rgb(143,153,195)
```
#9ca5ca
```
#9ca5ca rgb(156,165,202)
```
#a9b1d1
```
#a9b1d1 rgb(169,177,209)
```
#b5bcd7
```
#b5bcd7 rgb(181,188,215)
```
#c2c8de
```
#c2c8de rgb(194,200,222)
```
#cfd3e5
```
#cfd3e5 rgb(207,211,229)
```
#dcdfec
```
#dcdfec rgb(220,223,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#27282c
```
#27282c rgb(39,40,44)
```
#232630
```
#232630 rgb(35,38,48)
```
#202433
```
#202433 rgb(32,36,51)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#1a2039
```
#1a2039 rgb(26,32,57)
```
#171e3c
```
#171e3c rgb(23,30,60)
```
#131c40
```
#131c40 rgb(19,28,64)
```
#101a43
```
#101a43 rgb(16,26,67)
```
#0d1846
```
#0d1846 rgb(13,24,70)
```
#0a1749
```
#0a1749 rgb(10,23,73)
```
#07154c
```
#07154c rgb(7,21,76)
```
#031350
```
#031350 rgb(3,19,80)
```
#001153
```
#001153 rgb(0,17,83)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#222327 Atypical Achromatopsia 0.001% of the population

Dichromacy

#272d40 Protanopia 1% of men
#262d40 Deuteranopia 1% of men
#243033 Tritanopia 0.001% of the population

Trichromacy

#23293c Protanomaly 1% of men, 0.01% of women
#23293c Deuteranomaly 6% of men, 0.4% of women
#212b34 Tritanomaly 0.01% of the population

#1d2236 hex color

#1d2236 Color Information

#1d2236 Color Conversion

Color Schemes with #1d2236

Alternatives to #1d2236

#1d2236 Preview

Shades and Tints of #1d2236

Tones of #1d2236

Color Blindness Simulator