colorhexa.com

#1d5fb1 hex color

In a RGB color space, hex #1d5fb1 is composed of 11.4% red, 37.3% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 46.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 213.2 degrees, a saturation of 71.8% and a lightness of 40.4%. #1d5fb1 color hex could be obtained by blending #3abeff with #000063. Closest websafe color is: #336699.

- R 11
- G 37
- B 69
RGB color chart
- C 84
- M 46
- Y 0
- K 31
CMYK color chart

● #1d5fb1 color description : Dark blue.

The hexadecimal color #1d5fb1 has RGB values of R:29, G:95, B:177 and CMYK values of C:0.84, M:0.46, Y:0, K:0.31. Its decimal value is 1925041.

Hex triplet	1d5fb1	`#1d5fb1`
RGB Decimal	29, 95, 177	`rgb(29,95,177)`
RGB Percent	11.4, 37.3, 69.4	`rgb(11.4%,37.3%,69.4%)`
CMYK	84, 46, 0, 31
HSL	213.2°, 71.8, 40.4	`hsl(213.2,71.8%,40.4%)`
HSV (or HSB)	213.2°, 83.6, 69.4
Web Safe	336699	`#336699`

CIE-LAB	40.604, 10.51, -49.34
XYZ	12.533, 11.619, 43.175
xyY	0.186, 0.173, 11.619
CIE-LCH	40.604, 50.447, 282.025
CIE-LUV	40.604, -20.779, -72.724
Hunter-Lab	34.087, 5.979, -51.237
Binary	00011101, 01011111, 10110001

#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#b16f1d
```
#b16f1d rgb(177,111,29)
```

Complementary Color

#1da9b1
```
#1da9b1 rgb(29,169,177)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#251db1
```
#251db1 rgb(37,29,177)
```

Analogous Color

#a9b11d
```
#a9b11d rgb(169,177,29)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#b1251d
```
#b1251d rgb(177,37,29)
```

Split Complementary Color

#5fb11d
```
#5fb11d rgb(95,177,29)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#b11d5f
```
#b11d5f rgb(177,29,95)
```

Triadic Color

#1db16f
```
#1db16f rgb(29,177,111)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#b11d5f
```
#b11d5f rgb(177,29,95)
```
#b16f1d
```
#b16f1d rgb(177,111,29)
```

Tetradic Color

#123c6f
```
#123c6f rgb(18,60,111)
```
#164785
```
#164785 rgb(22,71,133)
```
#19539b
```
#19539b rgb(25,83,155)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#216bc7
```
#216bc7 rgb(33,107,199)
```
#2677db
```
#2677db rgb(38,119,219)
```
#3c84df
```
#3c84df rgb(60,132,223)
```

Monochromatic Color

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

#1d84b1
```
#1d84b1 rgb(29,132,177)
```
#1d78b1
```
#1d78b1 rgb(29,120,177)
```
#1d6bb1
```
#1d6bb1 rgb(29,107,177)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#1d53b1
```
#1d53b1 rgb(29,83,177)
```
#1d46b1
```
#1d46b1 rgb(29,70,177)
```
#1d3ab1
```
#1d3ab1 rgb(29,58,177)
```

Similar Colors

Text with hexadecimal color #1d5fb1

This text has a font color of #1d5fb1.

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

#1d5fb1 background color

This paragraph has a background color of #1d5fb1.

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

#1d5fb1 border color

This element has a border color of #1d5fb1.

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

CSS codes

.text {color:#1d5fb1;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#040e19
```
#040e19 rgb(4,14,25)
```
#07172a
```
#07172a rgb(7,23,42)
```
#0a203b
```
#0a203b rgb(10,32,59)
```
#0c294c
```
#0c294c rgb(12,41,76)
```
#0f325d
```
#0f325d rgb(15,50,93)
```
#123b6e
```
#123b6e rgb(18,59,110)
```
#15447e
```
#15447e rgb(21,68,126)
```
#174d8f
```
#174d8f rgb(23,77,143)
```
#1a56a0
```
#1a56a0 rgb(26,86,160)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#2068c2
```
#2068c2 rgb(32,104,194)
```
#2371d3
```
#2371d3 rgb(35,113,211)
```

Shade Color Variation

#2c7bdc
```
#2c7bdc rgb(44,123,220)
```
#3d85df
```
#3d85df rgb(61,133,223)
```
#4e90e2
```
#4e90e2 rgb(78,144,226)
```
#5f9be5
```
#5f9be5 rgb(95,155,229)
```
#70a5e8
```
#70a5e8 rgb(112,165,232)
```
#81b0ea
```
#81b0ea rgb(129,176,234)
```
#91baed
```
#91baed rgb(145,186,237)
```
#a2c5f0
```
#a2c5f0 rgb(162,197,240)
```
#b3cff3
```
#b3cff3 rgb(179,207,243)
```
#c4daf5
```
#c4daf5 rgb(196,218,245)
```
#d5e5f8
```
#d5e5f8 rgb(213,229,248)
```
#e6effb
```
#e6effb rgb(230,239,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#64676a
```
#64676a rgb(100,103,106)
```
#5c6672
```
#5c6672 rgb(92,102,114)
```
#54657a
```
#54657a rgb(84,101,122)
```
#4d6481
```
#4d6481 rgb(77,100,129)
```
#456389
```
#456389 rgb(69,99,137)
```
#3d6291
```
#3d6291 rgb(61,98,145)
```
#356299
```
#356299 rgb(53,98,153)
```
#2d61a1
```
#2d61a1 rgb(45,97,161)
```
#2560a9
```
#2560a9 rgb(37,96,169)
```
#1d5fb1
```
#1d5fb1 rgb(29,95,177)
```
#155eb9
```
#155eb9 rgb(21,94,185)
```
#0d5dc1
```
#0d5dc1 rgb(13,93,193)
```
#055cc9
```
#055cc9 rgb(5,92,201)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a5767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c65b3 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3163b2 Protanomaly 1% of men, 0.01% of women
#0a65b0 Deuteranomaly 6% of men, 0.4% of women
#0a6b8d Tritanomaly 0.01% of the population