#1d3aef hex color

In a RGB color space, hex #1d3aef is composed of 11.4% red, 22.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 87.9% cyan, 75.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 231.7 degrees, a saturation of 86.8% and a lightness of 52.5%. #1d3aef color hex could be obtained by blending #3a74ff with #0000df. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 23
- B 94
RGB color chart
- C 88
- M 76
- Y 0
- K 6
CMYK color chart

● #1d3aef color description : Vivid blue.

The hexadecimal color #1d3aef has RGB values of R:29, G:58, B:239 and CMYK values of C:0.88, M:0.76, Y:0, K:0.06. Its decimal value is 1915631.

Hex triplet	1d3aef	`#1d3aef`
RGB Decimal	29, 58, 239	`rgb(29,58,239)`
RGB Percent	11.4, 22.7, 93.7	`rgb(11.4%,22.7%,93.7%)`
CMYK	88, 76, 0, 6
HSL	231.7°, 86.8, 52.5	`hsl(231.7,86.8%,52.5%)`
HSV (or HSB)	231.7°, 87.9, 93.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.963, 56.682, -91.065
XYZ	17.597, 9.518, 82.566
xyY	0.16, 0.087, 9.518
CIE-LCH	36.963, 107.264, 301.899
CIE-LUV	36.963, -12.182, -124.173
Hunter-Lab	30.851, 47.821, -137.081
Binary	00011101, 00111010, 11101111

#1d3aef
```
#1d3aef rgb(29,58,239)
```
#efd21d
```
#efd21d rgb(239,210,29)
```

Complementary Color

#1da3ef
```
#1da3ef rgb(29,163,239)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#691def
```
#691def rgb(105,29,239)
```

Analogous Color

#a3ef1d
```
#a3ef1d rgb(163,239,29)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#ef691d
```
#ef691d rgb(239,105,29)
```

Split Complementary Color

#3aef1d
```
#3aef1d rgb(58,239,29)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#ef1d3a
```
#ef1d3a rgb(239,29,58)
```

Triadic Color

#1defd2
```
#1defd2 rgb(29,239,210)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#ef1d3a
```
#ef1d3a rgb(239,29,58)
```
#efd21d
```
#efd21d rgb(239,210,29)
```

Tetradic Color

#0d24b3
```
#0d24b3 rgb(13,36,179)
```
#0e28cb
```
#0e28cb rgb(14,40,203)
```
#102de2
```
#102de2 rgb(16,45,226)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#354ff1
```
#354ff1 rgb(53,79,241)
```
#4d64f2
```
#4d64f2 rgb(77,100,242)
```
#6478f4
```
#6478f4 rgb(100,120,244)
```

Monochromatic Color

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

#1d6fef
```
#1d6fef rgb(29,111,239)
```
#1d5def
```
#1d5def rgb(29,93,239)
```
#1d4cef
```
#1d4cef rgb(29,76,239)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#1d29ef
```
#1d29ef rgb(29,41,239)
```
#231def
```
#231def rgb(35,29,239)
```
#351def
```
#351def rgb(53,29,239)
```

Similar Colors

Text with hexadecimal color #1d3aef

This text has a font color of #1d3aef.

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

#1d3aef background color

This paragraph has a background color of #1d3aef.

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

#1d3aef border color

This element has a border color of #1d3aef.

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

CSS codes

.text {color:#1d3aef;}

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

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

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, #01020c is the darkest color, while #f9faff is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#02061e
```
#02061e rgb(2,6,30)
```
#030a31
```
#030a31 rgb(3,10,49)
```
#050d43
```
#050d43 rgb(5,13,67)
```
#061155
```
#061155 rgb(6,17,85)
```
#071568
```
#071568 rgb(7,21,104)
```
#09187a
```
#09187a rgb(9,24,122)
```
#0a1c8c
```
#0a1c8c rgb(10,28,140)
```
#0b209f
```
#0b209f rgb(11,32,159)
```
#0d23b1
```
#0d23b1 rgb(13,35,177)
```
#0e27c3
```
#0e27c3 rgb(14,39,195)
```
#0f2bd6
```
#0f2bd6 rgb(15,43,214)
```
#102ee8
```
#102ee8 rgb(16,46,232)
```

Shade Color Variation

#1d3aef
```
#1d3aef rgb(29,58,239)
```
#2f4af0
```
#2f4af0 rgb(47,74,240)
```
#425af2
```
#425af2 rgb(66,90,242)
```
#546af3
```
#546af3 rgb(84,106,243)
```
#667af4
```
#667af4 rgb(102,122,244)
```
#798af5
```
#798af5 rgb(121,138,245)
```
#8b9af7
```
#8b9af7 rgb(139,154,247)
```
#9daaf8
```
#9daaf8 rgb(157,170,248)
```
#b0baf9
```
#b0baf9 rgb(176,186,249)
```
#c2cafb
```
#c2cafb rgb(194,202,251)
```
#d4dafc
```
#d4dafc rgb(212,218,252)
```
#e7eafd
```
#e7eafd rgb(231,234,253)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#838489
```
#838489 rgb(131,132,137)
```
#7a7d92
```
#7a7d92 rgb(122,125,146)
```
#71779b
```
#71779b rgb(113,119,155)
```
#6770a5
```
#6770a5 rgb(103,112,165)
```
#5e69ae
```
#5e69ae rgb(94,105,174)
```
#5562b7
```
#5562b7 rgb(85,98,183)
```
#4c5cc0
```
#4c5cc0 rgb(76,92,192)
```
#4255ca
```
#4255ca rgb(66,85,202)
```
#394ed3
```
#394ed3 rgb(57,78,211)
```
#3047dc
```
#3047dc rgb(48,71,220)
```
#2641e6
```
#2641e6 rgb(38,65,230)
```
#1d3aef
```
#1d3aef rgb(29,58,239)
```
#1433f8
```
#1433f8 rgb(20,51,248)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e4468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#0a50c9 Protanomaly 1% of men, 0.01% of women
#0a53ba Deuteranomaly 6% of men, 0.4% of women
#0a589c Tritanomaly 0.01% of the population

#1d3aef hex color

#1d3aef Color Information

#1d3aef Color Conversion

Color Schemes with #1d3aef

Alternatives to #1d3aef

#1d3aef Preview

Shades and Tints of #1d3aef

Tones of #1d3aef

Color Blindness Simulator