#1d2257 hex color

In a RGB color space, hex #1d2257 is composed of 11.4% red, 13.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 60.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 234.8 degrees, a saturation of 50% and a lightness of 22.7%. #1d2257 color hex could be obtained by blending #3a44ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 13
- B 34
RGB color chart
- C 67
- M 61
- Y 0
- K 66
CMYK color chart

● #1d2257 color description : Very dark blue.

The hexadecimal color #1d2257 has RGB values of R:29, G:34, B:87 and CMYK values of C:0.67, M:0.61, Y:0, K:0.66. Its decimal value is 1909335.

Hex triplet	1d2257	`#1d2257`
RGB Decimal	29, 34, 87	`rgb(29,34,87)`
RGB Percent	11.4, 13.3, 34.1	`rgb(11.4%,13.3%,34.1%)`
CMYK	67, 61, 0, 66
HSL	234.8°, 50, 22.7	`hsl(234.8,50%,22.7%)`
HSV (or HSB)	234.8°, 66.7, 34.1
Web Safe	333366	`#333366`

CIE-LAB	15.969, 16.6, -32.874
XYZ	2.799, 2.093, 9.273
xyY	0.198, 0.148, 2.093
CIE-LCH	15.969, 36.827, 296.792
CIE-LUV	15.969, -3.597, -34.162
Hunter-Lab	14.468, 9.21, -27.872
Binary	00011101, 00100010, 01010111

#1d2257
```
#1d2257 rgb(29,34,87)
```
#57521d
```
#57521d rgb(87,82,29)
```

Complementary Color

#1d3f57
```
#1d3f57 rgb(29,63,87)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#351d57
```
#351d57 rgb(53,29,87)
```

Analogous Color

#3f571d
```
#3f571d rgb(63,87,29)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#57351d
```
#57351d rgb(87,53,29)
```

Split Complementary Color

#22571d
```
#22571d rgb(34,87,29)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#571d22
```
#571d22 rgb(87,29,34)
```

Triadic Color

#1d5752
```
#1d5752 rgb(29,87,82)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#571d22
```
#571d22 rgb(87,29,34)
```
#57521d
```
#57521d rgb(87,82,29)
```

Tetradic Color

#0a0c1e
```
#0a0c1e rgb(10,12,30)
```
#101331
```
#101331 rgb(16,19,49)
```
#171b44
```
#171b44 rgb(23,27,68)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#23296a
```
#23296a rgb(35,41,106)
```
#2a317d
```
#2a317d rgb(42,49,125)
```
#303890
```
#303890 rgb(48,56,144)
```

Monochromatic Color

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

#1d3157
```
#1d3157 rgb(29,49,87)
```
#1d2c57
```
#1d2c57 rgb(29,44,87)
```
#1d2757
```
#1d2757 rgb(29,39,87)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#1d1d57
```
#1d1d57 rgb(29,29,87)
```
#221d57
```
#221d57 rgb(34,29,87)
```
#271d57
```
#271d57 rgb(39,29,87)
```

Similar Colors

Text with hexadecimal color #1d2257

This text has a font color of #1d2257.

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

#1d2257 background color

This paragraph has a background color of #1d2257.

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

#1d2257 border color

This element has a border color of #1d2257.

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

CSS codes

.text {color:#1d2257;}

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

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

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, #04050d is the darkest color, while #fefeff is the lightest one.

#04050d
```
#04050d rgb(4,5,13)
```
#090b1c
```
#090b1c rgb(9,11,28)
```
#0e112b
```
#0e112b rgb(14,17,43)
```
#13173a
```
#13173a rgb(19,23,58)
```
#181c48
```
#181c48 rgb(24,28,72)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#222866
```
#222866 rgb(34,40,102)
```
#272d74
```
#272d74 rgb(39,45,116)
```
#2c3383
```
#2c3383 rgb(44,51,131)
```
#313992
```
#313992 rgb(49,57,146)
```
#363fa1
```
#363fa1 rgb(54,63,161)
```
#3a44af
```
#3a44af rgb(58,68,175)
```
#3f4abe
```
#3f4abe rgb(63,74,190)
```

Shade Color Variation

#4d57c4
```
#4d57c4 rgb(77,87,196)
```
#5c65c9
```
#5c65c9 rgb(92,101,201)
```
#6b73ce
```
#6b73ce rgb(107,115,206)
```
#7981d2
```
#7981d2 rgb(121,129,210)
```
#888fd7
```
#888fd7 rgb(136,143,215)
```
#979ddc
```
#979ddc rgb(151,157,220)
```
#a5abe1
```
#a5abe1 rgb(165,171,225)
```
#b4b8e6
```
#b4b8e6 rgb(180,184,230)
```
#c3c6eb
```
#c3c6eb rgb(195,198,235)
```
#d2d4f0
```
#d2d4f0 rgb(210,212,240)
```
#e0e2f5
```
#e0e2f5 rgb(224,226,245)
```
#eff0fa
```
#eff0fa rgb(239,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#38383c
```
#38383c rgb(56,56,60)
```
#333441
```
#333441 rgb(51,52,65)
```
#2f3145
```
#2f3145 rgb(47,49,69)
```
#2a2d4a
```
#2a2d4a rgb(42,45,74)
```
#26294e
```
#26294e rgb(38,41,78)
```
#212653
```
#212653 rgb(33,38,83)
```
#1d2257
```
#1d2257 rgb(29,34,87)
```
#191e5b
```
#191e5b rgb(25,30,91)
```
#141b60
```
#141b60 rgb(20,27,96)
```
#101764
```
#101764 rgb(16,23,100)
```
#0b1369
```
#0b1369 rgb(11,19,105)
```
#07106d
```
#07106d rgb(7,16,109)
```
#020c72
```
#020c72 rgb(2,12,114)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#252631 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003160 Protanopia 1% of men
#003355 Deuteranopia 1% of men
#0d373b Tritanopia 0.001% of the population

Trichromacy

#0a2b5d Protanomaly 1% of men, 0.01% of women
#0a2d55 Deuteranomaly 6% of men, 0.4% of women
#132f45 Tritanomaly 0.01% of the population

#1d2257 hex color

#1d2257 Color Information

#1d2257 Color Conversion

Color Schemes with #1d2257

Alternatives to #1d2257

#1d2257 Preview

Shades and Tints of #1d2257

Tones of #1d2257

Color Blindness Simulator