#1d2f77 hex color

In a RGB color space, hex #1d2f77 is composed of 11.4% red, 18.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 60.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 228 degrees, a saturation of 60.8% and a lightness of 29%. #1d2f77 color hex could be obtained by blending #3a5eee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 18
- B 47
RGB color chart
- C 76
- M 61
- Y 0
- K 53
CMYK color chart

● #1d2f77 color description : Dark blue.

The hexadecimal color #1d2f77 has RGB values of R:29, G:47, B:119 and CMYK values of C:0.76, M:0.61, Y:0, K:0.53. Its decimal value is 1912695.

Hex triplet	1d2f77	`#1d2f77`
RGB Decimal	29, 47, 119	`rgb(29,47,119)`
RGB Percent	11.4, 18.4, 46.7	`rgb(11.4%,18.4%,46.7%)`
CMYK	76, 61, 0, 53
HSL	228°, 60.8, 29	`hsl(228,60.8%,29%)`
HSV (or HSB)	228°, 75.6, 46.7
Web Safe	333366	`#333366`

CIE-LAB	22.394, 19.994, -43.358
XYZ	4.852, 3.626, 17.896
xyY	0.184, 0.137, 3.626
CIE-LCH	22.394, 47.746, 294.756
CIE-LUV	22.394, -7.559, -52.217
Hunter-Lab	19.042, 12.163, -42.393
Binary	00011101, 00101111, 01110111

#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#77651d
```
#77651d rgb(119,101,29)
```

Complementary Color

#1d5c77
```
#1d5c77 rgb(29,92,119)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#381d77
```
#381d77 rgb(56,29,119)
```

Analogous Color

#5c771d
```
#5c771d rgb(92,119,29)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#77381d
```
#77381d rgb(119,56,29)
```

Split Complementary Color

#2f771d
```
#2f771d rgb(47,119,29)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#771d2f
```
#771d2f rgb(119,29,47)
```

Triadic Color

#1d7765
```
#1d7765 rgb(29,119,101)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#771d2f
```
#771d2f rgb(119,29,47)
```
#77651d
```
#77651d rgb(119,101,29)
```

Tetradic Color

#0e1739
```
#0e1739 rgb(14,23,57)
```
#131f4e
```
#131f4e rgb(19,31,78)
```
#182762
```
#182762 rgb(24,39,98)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#22378c
```
#22378c rgb(34,55,140)
```
#273fa0
```
#273fa0 rgb(39,63,160)
```
#2c47b5
```
#2c47b5 rgb(44,71,181)
```

Monochromatic Color

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

#1d4677
```
#1d4677 rgb(29,70,119)
```
#1d3e77
```
#1d3e77 rgb(29,62,119)
```
#1d3777
```
#1d3777 rgb(29,55,119)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#1d2877
```
#1d2877 rgb(29,40,119)
```
#1d2077
```
#1d2077 rgb(29,32,119)
```
#211d77
```
#211d77 rgb(33,29,119)
```

Similar Colors

Text with hexadecimal color #1d2f77

This text has a font color of #1d2f77.

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

#1d2f77 background color

This paragraph has a background color of #1d2f77.

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

#1d2f77 border color

This element has a border color of #1d2f77.

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

CSS codes

.text {color:#1d2f77;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060a18
```
#060a18 rgb(6,10,24)
```
#0a1028
```
#0a1028 rgb(10,16,40)
```
#0e1638
```
#0e1638 rgb(14,22,56)
```
#111c48
```
#111c48 rgb(17,28,72)
```
#152357
```
#152357 rgb(21,35,87)
```
#192967
```
#192967 rgb(25,41,103)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#213587
```
#213587 rgb(33,53,135)
```
#253b97
```
#253b97 rgb(37,59,151)
```
#2942a6
```
#2942a6 rgb(41,66,166)
```
#2c48b6
```
#2c48b6 rgb(44,72,182)
```
#304ec6
```
#304ec6 rgb(48,78,198)
```

Shade Color Variation

#3b58cf
```
#3b58cf rgb(59,88,207)
```
#4a66d3
```
#4a66d3 rgb(74,102,211)
```
#5a73d7
```
#5a73d7 rgb(90,115,215)
```
#6a80db
```
#6a80db rgb(106,128,219)
```
#7a8edf
```
#7a8edf rgb(122,142,223)
```
#899be2
```
#899be2 rgb(137,155,226)
```
#99a9e6
```
#99a9e6 rgb(153,169,230)
```
#a9b6ea
```
#a9b6ea rgb(169,182,234)
```
#b9c3ee
```
#b9c3ee rgb(185,195,238)
```
#c9d1f2
```
#c9d1f2 rgb(201,209,242)
```
#d8def6
```
#d8def6 rgb(216,222,246)
```
#e8ecf9
```
#e8ecf9 rgb(232,236,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#45474f
```
#45474f rgb(69,71,79)
```
#3f4355
```
#3f4355 rgb(63,67,85)
```
#39405b
```
#39405b rgb(57,64,91)
```
#343d60
```
#343d60 rgb(52,61,96)
```
#2e3966
```
#2e3966 rgb(46,57,102)
```
#28366c
```
#28366c rgb(40,54,108)
```
#233271
```
#233271 rgb(35,50,113)
```
#1d2f77
```
#1d2f77 rgb(29,47,119)
```
#172c7d
```
#172c7d rgb(23,44,125)
```
#122882
```
#122882 rgb(18,40,130)
```
#0c2588
```
#0c2588 rgb(12,37,136)
```
#06218e
```
#06218e rgb(6,33,142)
```
#011e93
```
#011e93 rgb(1,30,147)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2e3140 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#00416a Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#0a3878 Protanomaly 1% of men, 0.01% of women
#0a3a6e Deuteranomaly 6% of men, 0.4% of women
#0a3d5a Tritanomaly 0.01% of the population

#1d2f77 hex color

#1d2f77 Color Information

#1d2f77 Color Conversion

Color Schemes with #1d2f77

Alternatives to #1d2f77

#1d2f77 Preview

Shades and Tints of #1d2f77

Tones of #1d2f77

Color Blindness Simulator