#1d307e hex color

In a RGB color space, hex #1d307e is composed of 11.4% red, 18.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 61.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 228.2 degrees, a saturation of 62.6% and a lightness of 30.4%. #1d307e color hex could be obtained by blending #3a60fc with #000000. Closest websafe color is: #333366.

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

● #1d307e color description : Dark blue.

The hexadecimal color #1d307e has RGB values of R:29, G:48, B:126 and CMYK values of C:0.77, M:0.62, Y:0, K:0.51. Its decimal value is 1912958.

Hex triplet	1d307e	`#1d307e`
RGB Decimal	29, 48, 126	`rgb(29,48,126)`
RGB Percent	11.4, 18.8, 49.4	`rgb(11.4%,18.8%,49.4%)`
CMYK	77, 62, 0, 51
HSL	228.2°, 62.6, 30.4	`hsl(228.2,62.6%,30.4%)`
HSV (or HSB)	228.2°, 77, 49.4
Web Safe	333366	`#333366`

CIE-LAB	23.274, 22.08, -46.363
XYZ	5.329, 3.881, 20.206
xyY	0.181, 0.132, 3.881
CIE-LCH	23.274, 51.353, 295.466
CIE-LUV	23.274, -7.918, -56.584
Hunter-Lab	19.701, 13.806, -47.02
Binary	00011101, 00110000, 01111110

#1d307e
```
#1d307e rgb(29,48,126)
```
#7e6b1d
```
#7e6b1d rgb(126,107,29)
```

Complementary Color

#1d617e
```
#1d617e rgb(29,97,126)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#3a1d7e
```
#3a1d7e rgb(58,29,126)
```

Analogous Color

#617e1d
```
#617e1d rgb(97,126,29)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#7e3a1d
```
#7e3a1d rgb(126,58,29)
```

Split Complementary Color

#307e1d
```
#307e1d rgb(48,126,29)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#7e1d30
```
#7e1d30 rgb(126,29,48)
```

Triadic Color

#1d7e6b
```
#1d7e6b rgb(29,126,107)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#7e1d30
```
#7e1d30 rgb(126,29,48)
```
#7e6b1d
```
#7e6b1d rgb(126,107,29)
```

Tetradic Color

#0f1840
```
#0f1840 rgb(15,24,64)
```
#132055
```
#132055 rgb(19,32,85)
```
#182869
```
#182869 rgb(24,40,105)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#223893
```
#223893 rgb(34,56,147)
```
#2740a7
```
#2740a7 rgb(39,64,167)
```
#2b48bc
```
#2b48bc rgb(43,72,188)
```

Monochromatic Color

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

#1d487e
```
#1d487e rgb(29,72,126)
```
#1d407e
```
#1d407e rgb(29,64,126)
```
#1d387e
```
#1d387e rgb(29,56,126)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#1d287e
```
#1d287e rgb(29,40,126)
```
#1d207e
```
#1d207e rgb(29,32,126)
```
#221d7e
```
#221d7e rgb(34,29,126)
```

Similar Colors

Text with hexadecimal color #1d307e

This text has a font color of #1d307e.

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

#1d307e background color

This paragraph has a background color of #1d307e.

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

#1d307e border color

This element has a border color of #1d307e.

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

CSS codes

.text {color:#1d307e;}

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

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

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, #03050e is the darkest color, while #fdfeff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070c1e
```
#070c1e rgb(7,12,30)
```
#0b122e
```
#0b122e rgb(11,18,46)
```
#0e183e
```
#0e183e rgb(14,24,62)
```
#121e4e
```
#121e4e rgb(18,30,78)
```
#16245e
```
#16245e rgb(22,36,94)
```
#192a6e
```
#192a6e rgb(25,42,110)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#21368e
```
#21368e rgb(33,54,142)
```
#243c9e
```
#243c9e rgb(36,60,158)
```
#2842ae
```
#2842ae rgb(40,66,174)
```
#2c48be
```
#2c48be rgb(44,72,190)
```
#2f4ece
```
#2f4ece rgb(47,78,206)
```

Shade Color Variation

#3e5bd3
```
#3e5bd3 rgb(62,91,211)
```
#4e69d6
```
#4e69d6 rgb(78,105,214)
```
#5e76da
```
#5e76da rgb(94,118,218)
```
#6e84de
```
#6e84de rgb(110,132,222)
```
#7e91e1
```
#7e91e1 rgb(126,145,225)
```
#8e9fe5
```
#8e9fe5 rgb(142,159,229)
```
#9eace9
```
#9eace9 rgb(158,172,233)
```
#aebaec
```
#aebaec rgb(174,186,236)
```
#bec8f0
```
#bec8f0 rgb(190,200,240)
```
#ced5f4
```
#ced5f4 rgb(206,213,244)
```
#dee3f7
```
#dee3f7 rgb(222,227,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4d4d4e
```
#4d4d4e rgb(77,77,78)
```
#474954
```
#474954 rgb(71,73,84)
```
#41465a
```
#41465a rgb(65,70,90)
```
#3b4260
```
#3b4260 rgb(59,66,96)
```
#353f66
```
#353f66 rgb(53,63,102)
```
#2f3b6c
```
#2f3b6c rgb(47,59,108)
```
#293772
```
#293772 rgb(41,55,114)
```
#233478
```
#233478 rgb(35,52,120)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#172c84
```
#172c84 rgb(23,44,132)
```
#11298a
```
#11298a rgb(17,41,138)
```
#0b2590
```
#0b2590 rgb(11,37,144)
```
#052196
```
#052196 rgb(5,33,150)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f3242 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00436d Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#0a3a7d Protanomaly 1% of men, 0.01% of women
#0a3c73 Deuteranomaly 6% of men, 0.4% of women
#0a3f5e Tritanomaly 0.01% of the population

#1d307e hex color

#1d307e Color Information

#1d307e Color Conversion

Color Schemes with #1d307e

Alternatives to #1d307e

#1d307e Preview

Shades and Tints of #1d307e

Tones of #1d307e

Color Blindness Simulator