#1d5f7c hex color

In a RGB color space, hex #1d5f7c is composed of 11.4% red, 37.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 23.4% magenta, 0% yellow and 51.4% black. It has a hue angle of 198.3 degrees, a saturation of 62.1% and a lightness of 30%. #1d5f7c color hex could be obtained by blending #3abef8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 37
- B 49
RGB color chart
- C 77
- M 23
- Y 0
- K 51
CMYK color chart

● #1d5f7c color description : Dark blue.

The hexadecimal color #1d5f7c has RGB values of R:29, G:95, B:124 and CMYK values of C:0.77, M:0.23, Y:0, K:0.51. Its decimal value is 1924988.

Hex triplet	1d5f7c	`#1d5f7c`
RGB Decimal	29, 95, 124	`rgb(29,95,124)`
RGB Percent	11.4, 37.3, 48.6	`rgb(11.4%,37.3%,48.6%)`
CMYK	77, 23, 0, 51
HSL	198.3°, 62.1, 30	`hsl(198.3,62.1%,30%)`
HSV (or HSB)	198.3°, 76.6, 48.6
Web Safe	336666	`#336666`

CIE-LAB	37.663, -10.048, -22.19
XYZ	8.236, 9.9, 20.545
xyY	0.213, 0.256, 9.9
CIE-LCH	37.663, 24.359, 245.639
CIE-LUV	37.663, -23.001, -29.529
Hunter-Lab	31.465, -8.339, -16.688
Binary	00011101, 01011111, 01111100

#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#7c3a1d
```
#7c3a1d rgb(124,58,29)
```

Complementary Color

#1d7c6a
```
#1d7c6a rgb(29,124,106)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#1d307c
```
#1d307c rgb(29,48,124)
```

Analogous Color

#7c6a1d
```
#7c6a1d rgb(124,106,29)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#7c1d30
```
#7c1d30 rgb(124,29,48)
```

Split Complementary Color

#5f7c1d
```
#5f7c1d rgb(95,124,29)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#7c1d5f
```
#7c1d5f rgb(124,29,95)
```

Triadic Color

#1d7c3a
```
#1d7c3a rgb(29,124,58)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#7c1d5f
```
#7c1d5f rgb(124,29,95)
```
#7c3a1d
```
#7c3a1d rgb(124,58,29)
```

Tetradic Color

#0f303e
```
#0f303e rgb(15,48,62)
```
#133f53
```
#133f53 rgb(19,63,83)
```
#184f67
```
#184f67 rgb(24,79,103)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#226f91
```
#226f91 rgb(34,111,145)
```
#277fa5
```
#277fa5 rgb(39,127,165)
```
#2c8fba
```
#2c8fba rgb(44,143,186)
```

Monochromatic Color

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

#1d777c
```
#1d777c rgb(29,119,124)
```
#1d6f7c
```
#1d6f7c rgb(29,111,124)
```
#1d677c
```
#1d677c rgb(29,103,124)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#1d577c
```
#1d577c rgb(29,87,124)
```
#1d4f7c
```
#1d4f7c rgb(29,79,124)
```
#1d477c
```
#1d477c rgb(29,71,124)
```

Similar Colors

Text with hexadecimal color #1d5f7c

This text has a font color of #1d5f7c.

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

#1d5f7c background color

This paragraph has a background color of #1d5f7c.

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

#1d5f7c border color

This element has a border color of #1d5f7c.

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

CSS codes

.text {color:#1d5f7c;}

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

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

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

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161d
```
#07161d rgb(7,22,29)
```
#0a222d
```
#0a222d rgb(10,34,45)
```
#0e2e3c
```
#0e2e3c rgb(14,46,60)
```
#123a4c
```
#123a4c rgb(18,58,76)
```
#16475c
```
#16475c rgb(22,71,92)
```
#19536c
```
#19536c rgb(25,83,108)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#216b8c
```
#216b8c rgb(33,107,140)
```
#24779c
```
#24779c rgb(36,119,156)
```
#2884ac
```
#2884ac rgb(40,132,172)
```
#2c90bc
```
#2c90bc rgb(44,144,188)
```
#309ccb
```
#309ccb rgb(48,156,203)
```

Shade Color Variation

#3da4d2
```
#3da4d2 rgb(61,164,210)
```
#4dacd5
```
#4dacd5 rgb(77,172,213)
```
#5db3d9
```
#5db3d9 rgb(93,179,217)
```
#6dbbdd
```
#6dbbdd rgb(109,187,221)
```
#7dc2e1
```
#7dc2e1 rgb(125,194,225)
```
#8dc9e4
```
#8dc9e4 rgb(141,201,228)
```
#9cd1e8
```
#9cd1e8 rgb(156,209,232)
```
#acd8ec
```
#acd8ec rgb(172,216,236)
```
#bce0ef
```
#bce0ef rgb(188,224,239)
```
#cce7f3
```
#cce7f3 rgb(204,231,243)
```
#dceff7
```
#dceff7 rgb(220,239,247)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#4c4d4d
```
#4c4d4d rgb(76,77,77)
```
#464f53
```
#464f53 rgb(70,79,83)
```
#405159
```
#405159 rgb(64,81,89)
```
#3a545f
```
#3a545f rgb(58,84,95)
```
#355664
```
#355664 rgb(53,86,100)
```
#2f586a
```
#2f586a rgb(47,88,106)
```
#295a70
```
#295a70 rgb(41,90,112)
```
#235d76
```
#235d76 rgb(35,93,118)
```
#1d5f7c
```
#1d5f7c rgb(29,95,124)
```
#176182
```
#176182 rgb(23,97,130)
```
#116488
```
#116488 rgb(17,100,136)
```
#0b668e
```
#0b668e rgb(11,102,142)
```
#056894
```
#056894 rgb(5,104,148)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#455258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607d Protanopia 1% of men
#536085 Deuteranopia 1% of men
#146a72 Tritanopia 0.001% of the population

Trichromacy

#425f7d Protanomaly 1% of men, 0.01% of women
#3f5f82 Deuteranomaly 6% of men, 0.4% of women
#176675 Tritanomaly 0.01% of the population

#1d5f7c hex color

#1d5f7c Color Information

#1d5f7c Color Conversion

Color Schemes with #1d5f7c

Alternatives to #1d5f7c

#1d5f7c Preview

Shades and Tints of #1d5f7c

Tones of #1d5f7c

Color Blindness Simulator