#1d5568 hex color

In a RGB color space, hex #1d5568 is composed of 11.4% red, 33.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 18.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 195.2 degrees, a saturation of 56.4% and a lightness of 26.1%. #1d5568 color hex could be obtained by blending #3aaad0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 33
- B 41
RGB color chart
- C 72
- M 18
- Y 0
- K 59
CMYK color chart

● #1d5568 color description : Very dark blue.

The hexadecimal color #1d5568 has RGB values of R:29, G:85, B:104 and CMYK values of C:0.72, M:0.18, Y:0, K:0.59. Its decimal value is 1922408.

Hex triplet	1d5568	`#1d5568`
RGB Decimal	29, 85, 104	`rgb(29,85,104)`
RGB Percent	11.4, 33.3, 40.8	`rgb(11.4%,33.3%,40.8%)`
CMYK	72, 18, 0, 59
HSL	195.2°, 56.4, 26.1	`hsl(195.2,56.4%,26.1%)`
HSV (or HSB)	195.2°, 72.1, 40.8
Web Safe	336666	`#336666`

CIE-LAB	33.472, -11.393, -16.279
XYZ	6.253, 7.757, 14.264
xyY	0.221, 0.274, 7.757
CIE-LCH	33.472, 19.869, 235.013
CIE-LUV	33.472, -20.284, -20.123
Hunter-Lab	27.852, -8.664, -10.868
Binary	00011101, 01010101, 01101000

#1d5568
```
#1d5568 rgb(29,85,104)
```
#68301d
```
#68301d rgb(104,48,29)
```

Complementary Color

#1d6856
```
#1d6856 rgb(29,104,86)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#1d3068
```
#1d3068 rgb(29,48,104)
```

Analogous Color

#68561d
```
#68561d rgb(104,86,29)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#681d30
```
#681d30 rgb(104,29,48)
```

Split Complementary Color

#55681d
```
#55681d rgb(85,104,29)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#681d55
```
#681d55 rgb(104,29,85)
```

Triadic Color

#1d6830
```
#1d6830 rgb(29,104,48)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#681d55
```
#681d55 rgb(104,29,85)
```
#68301d
```
#68301d rgb(104,48,29)
```

Tetradic Color

#0c242c
```
#0c242c rgb(12,36,44)
```
#123440
```
#123440 rgb(18,52,64)
```
#174554
```
#174554 rgb(23,69,84)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#23657c
```
#23657c rgb(35,101,124)
```
#287690
```
#287690 rgb(40,118,144)
```
#2e86a4
```
#2e86a4 rgb(46,134,164)
```

Monochromatic Color

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

#1d6868
```
#1d6868 rgb(29,104,104)
```
#1d6268
```
#1d6268 rgb(29,98,104)
```
#1d5b68
```
#1d5b68 rgb(29,91,104)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#1d4f68
```
#1d4f68 rgb(29,79,104)
```
#1d4968
```
#1d4968 rgb(29,73,104)
```
#1d4268
```
#1d4268 rgb(29,66,104)
```

Similar Colors

Text with hexadecimal color #1d5568

This text has a font color of #1d5568.

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

#1d5568 background color

This paragraph has a background color of #1d5568.

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

#1d5568 border color

This element has a border color of #1d5568.

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

CSS codes

.text {color:#1d5568;}

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

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

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, #030a0c is the darkest color, while #fcfdfe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#08161b
```
#08161b rgb(8,22,27)
```
#0c232b
```
#0c232b rgb(12,35,43)
```
#102f3a
```
#102f3a rgb(16,47,58)
```
#143c49
```
#143c49 rgb(20,60,73)
```
#194859
```
#194859 rgb(25,72,89)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#216277
```
#216277 rgb(33,98,119)
```
#266e87
```
#266e87 rgb(38,110,135)
```
#2a7b96
```
#2a7b96 rgb(42,123,150)
```
#2e87a5
```
#2e87a5 rgb(46,135,165)
```
#3294b5
```
#3294b5 rgb(50,148,181)
```
#37a0c4
```
#37a0c4 rgb(55,160,196)
```

Shade Color Variation

#44a8cb
```
#44a8cb rgb(68,168,203)
```
#53b0cf
```
#53b0cf rgb(83,176,207)
```
#62b7d3
```
#62b7d3 rgb(98,183,211)
```
#72bed8
```
#72bed8 rgb(114,190,216)
```
#81c5dc
```
#81c5dc rgb(129,197,220)
```
#90cce0
```
#90cce0 rgb(144,204,224)
```
#a0d3e4
```
#a0d3e4 rgb(160,211,228)
```
#afdae9
```
#afdae9 rgb(175,218,233)
```
#bee1ed
```
#bee1ed rgb(190,225,237)
```
#cee8f1
```
#cee8f1 rgb(206,232,241)
```
#ddeff6
```
#ddeff6 rgb(221,239,246)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#414344
```
#414344 rgb(65,67,68)
```
#3c4649
```
#3c4649 rgb(60,70,73)
```
#37484e
```
#37484e rgb(55,72,78)
```
#314b54
```
#314b54 rgb(49,75,84)
```
#2c4d59
```
#2c4d59 rgb(44,77,89)
```
#27505e
```
#27505e rgb(39,80,94)
```
#225263
```
#225263 rgb(34,82,99)
```
#1d5568
```
#1d5568 rgb(29,85,104)
```
#18586d
```
#18586d rgb(24,88,109)
```
#135a72
```
#135a72 rgb(19,90,114)
```
#0e5d77
```
#0e5d77 rgb(14,93,119)
```
#095f7c
```
#095f7c rgb(9,95,124)
```
#036282
```
#036282 rgb(3,98,130)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#52576b Protanopia 1% of men
#505672 Deuteranopia 1% of men
#215f66 Tritanopia 0.001% of the population

Trichromacy

#3f566a Protanomaly 1% of men, 0.01% of women
#3d566e Deuteranomaly 6% of men, 0.4% of women
#1f5b67 Tritanomaly 0.01% of the population

#1d5568 hex color

#1d5568 Color Information

#1d5568 Color Conversion

Color Schemes with #1d5568

Alternatives to #1d5568

#1d5568 Preview

Shades and Tints of #1d5568

Tones of #1d5568

Color Blindness Simulator