#1d4248 hex color

In a RGB color space, hex #1d4248 is composed of 11.4% red, 25.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 8.3% magenta, 0% yellow and 71.8% black. It has a hue angle of 188.4 degrees, a saturation of 42.6% and a lightness of 19.8%. #1d4248 color hex could be obtained by blending #3a8490 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 11
- G 26
- B 28
RGB color chart
- C 60
- M 8
- Y 0
- K 72
CMYK color chart

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

The hexadecimal color #1d4248 has RGB values of R:29, G:66, B:72 and CMYK values of C:0.6, M:0.08, Y:0, K:0.72. Its decimal value is 1917512.

Hex triplet	1d4248	`#1d4248`
RGB Decimal	29, 66, 72	`rgb(29,66,72)`
RGB Percent	11.4, 25.9, 28.2	`rgb(11.4%,25.9%,28.2%)`
CMYK	60, 8, 0, 72
HSL	188.4°, 42.6, 19.8	`hsl(188.4,42.6%,19.8%)`
HSV (or HSB)	188.4°, 59.7, 28.2
Web Safe	333333	`#333333`

CIE-LAB	25.639, -11.187, -7.683
XYZ	3.624, 4.625, 6.832
xyY	0.24, 0.307, 4.625
CIE-LCH	25.639, 13.572, 214.481
CIE-LUV	25.639, -14.262, -7.708
Hunter-Lab	21.506, -7.555, -3.781
Binary	00011101, 01000010, 01001000

#1d4248
```
#1d4248 rgb(29,66,72)
```
#48231d
```
#48231d rgb(72,35,29)
```

Complementary Color

#1d4839
```
#1d4839 rgb(29,72,57)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#1d2d48
```
#1d2d48 rgb(29,45,72)
```

Analogous Color

#48391d
```
#48391d rgb(72,57,29)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#481d2d
```
#481d2d rgb(72,29,45)
```

Split Complementary Color

#42481d
```
#42481d rgb(66,72,29)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#481d42
```
#481d42 rgb(72,29,66)
```

Triadic Color

#1d4823
```
#1d4823 rgb(29,72,35)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#481d42
```
#481d42 rgb(72,29,66)
```
#48231d
```
#48231d rgb(72,35,29)
```

Tetradic Color

#071011
```
#071011 rgb(7,16,17)
```
#0e2124
```
#0e2124 rgb(14,33,36)
```
#163136
```
#163136 rgb(22,49,54)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#24535a
```
#24535a rgb(36,83,90)
```
#2c636c
```
#2c636c rgb(44,99,108)
```
#33747f
```
#33747f rgb(51,116,127)
```

Monochromatic Color

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

#1d4843
```
#1d4843 rgb(29,72,67)
```
#1d4847
```
#1d4847 rgb(29,72,71)
```
#1d4648
```
#1d4648 rgb(29,70,72)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#1d3e48
```
#1d3e48 rgb(29,62,72)
```
#1d3b48
```
#1d3b48 rgb(29,59,72)
```
#1d3748
```
#1d3748 rgb(29,55,72)
```

Similar Colors

Text with hexadecimal color #1d4248

This text has a font color of #1d4248.

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

#1d4248 background color

This paragraph has a background color of #1d4248.

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

#1d4248 border color

This element has a border color of #1d4248.

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

CSS codes

.text {color:#1d4248;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0c1c1e
```
#0c1c1e rgb(12,28,30)
```
#12282c
```
#12282c rgb(18,40,44)
```
#17353a
```
#17353a rgb(23,53,58)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#234f56
```
#234f56 rgb(35,79,86)
```
#285c64
```
#285c64 rgb(40,92,100)
```
#2e6872
```
#2e6872 rgb(46,104,114)
```
#347580
```
#347580 rgb(52,117,128)
```
#39828e
```
#39828e rgb(57,130,142)
```
#3f8f9c
```
#3f8f9c rgb(63,143,156)
```
#449caa
```
#449caa rgb(68,156,170)
```

Shade Color Variation

#4ba8b7
```
#4ba8b7 rgb(75,168,183)
```
#59aebc
```
#59aebc rgb(89,174,188)
```
#67b5c2
```
#67b5c2 rgb(103,181,194)
```
#75bcc8
```
#75bcc8 rgb(117,188,200)
```
#83c3cd
```
#83c3cd rgb(131,195,205)
```
#91cad3
```
#91cad3 rgb(145,202,211)
```
#9fd0d8
```
#9fd0d8 rgb(159,208,216)
```
#add7de
```
#add7de rgb(173,215,222)
```
#bbdee4
```
#bbdee4 rgb(187,222,228)
```
#c9e5e9
```
#c9e5e9 rgb(201,229,233)
```
#d7ecef
```
#d7ecef rgb(215,236,239)
```
#e5f2f5
```
#e5f2f5 rgb(229,242,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#303435
```
#303435 rgb(48,52,53)
```
#2d3738
```
#2d3738 rgb(45,55,56)
```
#293a3c
```
#293a3c rgb(41,58,60)
```
#253c40
```
#253c40 rgb(37,60,64)
```
#213f44
```
#213f44 rgb(33,63,68)
```
#1d4248
```
#1d4248 rgb(29,66,72)
```
#19454c
```
#19454c rgb(25,69,76)
```
#154850
```
#154850 rgb(21,72,80)
```
#114a54
```
#114a54 rgb(17,74,84)
```
#0d4d58
```
#0d4d58 rgb(13,77,88)
```
#0a505b
```
#0a505b rgb(10,80,91)
```
#06535f
```
#06535f rgb(6,83,95)
```
#025663
```
#025663 rgb(2,86,99)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#333a3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#45464e Protanopia 1% of men
#464553 Deuteranopia 1% of men
#284b51 Tritanopia 0.001% of the population

Trichromacy

#36444c Protanomaly 1% of men, 0.01% of women
#37444f Deuteranomaly 6% of men, 0.4% of women
#24484d Tritanomaly 0.01% of the population

#1d4248 hex color

#1d4248 Color Information

#1d4248 Color Conversion

Color Schemes with #1d4248

Alternatives to #1d4248

#1d4248 Preview

Shades and Tints of #1d4248

Tones of #1d4248

Color Blindness Simulator