colorhexa.com

#1d57b2 hex color

In a RGB color space, hex #1d57b2 is composed of 11.4% red, 34.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 51.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 216.6 degrees, a saturation of 72% and a lightness of 40.6%. #1d57b2 color hex could be obtained by blending #3aaeff with #000065. Closest websafe color is: #336699.

- R 11
- G 34
- B 70
RGB color chart
- C 84
- M 51
- Y 0
- K 30
CMYK color chart

● #1d57b2 color description : Dark blue.

The hexadecimal color #1d57b2 has RGB values of R:29, G:87, B:178 and CMYK values of C:0.84, M:0.51, Y:0, K:0.3. Its decimal value is 1922994.

Hex triplet	1d57b2	`#1d57b2`
RGB Decimal	29, 87, 178	`rgb(29,87,178)`
RGB Percent	11.4, 34.1, 69.8	`rgb(11.4%,34.1%,69.8%)`
CMYK	84, 51, 0, 30
HSL	216.6°, 72, 40.6	`hsl(216.6,72%,40.6%)`
HSV (or HSB)	216.6°, 83.7, 69.8
Web Safe	336699	`#336699`

CIE-LAB	38.36, 16.168, -53.548
XYZ	11.949, 10.291, 43.474
xyY	0.182, 0.157, 10.291
CIE-LCH	38.36, 55.935, 286.801
CIE-LUV	38.36, -18.335, -77.898
Hunter-Lab	32.08, 10.348, -57.893
Binary	00011101, 01010111, 10110010

#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#b2781d
```
#b2781d rgb(178,120,29)
```

Complementary Color

#1da2b2
```
#1da2b2 rgb(29,162,178)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#2d1db2
```
#2d1db2 rgb(45,29,178)
```

Analogous Color

#a2b21d
```
#a2b21d rgb(162,178,29)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#b22e1d
```
#b22e1d rgb(178,46,29)
```

Split Complementary Color

#57b21d
```
#57b21d rgb(87,178,29)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#b21d57
```
#b21d57 rgb(178,29,87)
```

Triadic Color

#1db278
```
#1db278 rgb(29,178,120)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#b21d57
```
#b21d57 rgb(178,29,87)
```
#b2781d
```
#b2781d rgb(178,120,29)
```

Tetradic Color

#123770
```
#123770 rgb(18,55,112)
```
#164286
```
#164286 rgb(22,66,134)
```
#194c9c
```
#194c9c rgb(25,76,156)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#2162c8
```
#2162c8 rgb(33,98,200)
```
#266ddc
```
#266ddc rgb(38,109,220)
```
#3c7cdf
```
#3c7cdf rgb(60,124,223)
```

Monochromatic Color

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

#1d7cb2
```
#1d7cb2 rgb(29,124,178)
```
#1d70b2
```
#1d70b2 rgb(29,112,178)
```
#1d63b2
```
#1d63b2 rgb(29,99,178)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#1d4bb2
```
#1d4bb2 rgb(29,75,178)
```
#1d3eb2
```
#1d3eb2 rgb(29,62,178)
```
#1d32b2
```
#1d32b2 rgb(29,50,178)
```

Similar Colors

Text with hexadecimal color #1d57b2

This text has a font color of #1d57b2.

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

#1d57b2 background color

This paragraph has a background color of #1d57b2.

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

#1d57b2 border color

This element has a border color of #1d57b2.

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

CSS codes

.text {color:#1d57b2;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#040d1a
```
#040d1a rgb(4,13,26)
```
#07152b
```
#07152b rgb(7,21,43)
```
#0a1d3c
```
#0a1d3c rgb(10,29,60)
```
#0d264d
```
#0d264d rgb(13,38,77)
```
#0f2e5e
```
#0f2e5e rgb(15,46,94)
```
#12366f
```
#12366f rgb(18,54,111)
```
#153e7f
```
#153e7f rgb(21,62,127)
```
#184790
```
#184790 rgb(24,71,144)
```
#1a4fa1
```
#1a4fa1 rgb(26,79,161)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#205fc3
```
#205fc3 rgb(32,95,195)
```
#2267d4
```
#2267d4 rgb(34,103,212)
```

Shade Color Variation

#2d71dd
```
#2d71dd rgb(45,113,221)
```
#3e7de0
```
#3e7de0 rgb(62,125,224)
```
#4f88e2
```
#4f88e2 rgb(79,136,226)
```
#6094e5
```
#6094e5 rgb(96,148,229)
```
#719fe8
```
#719fe8 rgb(113,159,232)
```
#81aaeb
```
#81aaeb rgb(129,170,235)
```
#92b6ed
```
#92b6ed rgb(146,182,237)
```
#a3c1f0
```
#a3c1f0 rgb(163,193,240)
```
#b4ccf3
```
#b4ccf3 rgb(180,204,243)
```
#c5d8f6
```
#c5d8f6 rgb(197,216,246)
```
#d6e3f8
```
#d6e3f8 rgb(214,227,248)
```
#e7effb
```
#e7effb rgb(231,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, #65676a is the less saturated color, while #0552ca is the most saturated one.

#65676a
```
#65676a rgb(101,103,106)
```
#5d6572
```
#5d6572 rgb(93,101,114)
```
#55637a
```
#55637a rgb(85,99,122)
```
#4d6282
```
#4d6282 rgb(77,98,130)
```
#45608a
```
#45608a rgb(69,96,138)
```
#3d5e92
```
#3d5e92 rgb(61,94,146)
```
#355c9a
```
#355c9a rgb(53,92,154)
```
#2d5ba2
```
#2d5ba2 rgb(45,91,162)
```
#2559aa
```
#2559aa rgb(37,89,170)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#1555ba
```
#1555ba rgb(21,85,186)
```
#0d53c2
```
#0d53c2 rgb(13,83,194)
```
#0552ca
```
#0552ca rgb(5,82,202)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#465164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#255fb6 Protanopia 1% of men
#0064a5 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#225cb4 Protanomaly 1% of men, 0.01% of women
#0a5faa Deuteranomaly 6% of men, 0.4% of women
#0a6489 Tritanomaly 0.01% of the population