#1d3cfe hex color

In a RGB color space, hex #1d3cfe is composed of 11.4% red, 23.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 76.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.7 degrees, a saturation of 99.1% and a lightness of 55.5%. #1d3cfe color hex could be obtained by blending #3a78ff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 24
- B 100
RGB color chart
- C 89
- M 76
- Y 0
- K 0
CMYK color chart

● #1d3cfe color description : Vivid blue.

The hexadecimal color #1d3cfe has RGB values of R:29, G:60, B:254 and CMYK values of C:0.89, M:0.76, Y:0, K:0. Its decimal value is 1916158.

Hex triplet	1d3cfe	`#1d3cfe`
RGB Decimal	29, 60, 254	`rgb(29,60,254)`
RGB Percent	11.4, 23.5, 99.6	`rgb(11.4%,23.5%,99.6%)`
CMYK	89, 76, 0, 0
HSL	231.7°, 99.1, 55.5	`hsl(231.7,99.1%,55.5%)`
HSV (or HSB)	231.7°, 88.6, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.98, 60.455, -96.158
XYZ	20.008, 10.647, 94.761
xyY	0.16, 0.085, 10.647
CIE-LCH	38.98, 113.583, 302.158
CIE-LUV	38.98, -12.848, -132.673
Hunter-Lab	32.63, 52.352, -149.344
Binary	00011101, 00111100, 11111110

#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#fedf1d
```
#fedf1d rgb(254,223,29)
```

Complementary Color

#1dadfe
```
#1dadfe rgb(29,173,254)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#6f1dfe
```
#6f1dfe rgb(111,29,254)
```

Analogous Color

#adfe1d
```
#adfe1d rgb(173,254,29)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#fe6f1d
```
#fe6f1d rgb(254,111,29)
```

Split Complementary Color

#3cfe1d
```
#3cfe1d rgb(60,254,29)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#fe1d3c
```
#fe1d3c rgb(254,29,60)
```

Triadic Color

#1dfedf
```
#1dfedf rgb(29,254,223)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#fe1d3c
```
#fe1d3c rgb(254,29,60)
```
#fedf1d
```
#fedf1d rgb(254,223,29)
```

Tetradic Color

#011dce
```
#011dce rgb(1,29,206)
```
#0121e7
```
#0121e7 rgb(1,33,231)
```
#0426fe
```
#0426fe rgb(4,38,254)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#3652fe
```
#3652fe rgb(54,82,254)
```
#5068fe
```
#5068fe rgb(80,104,254)
```
#697efe
```
#697efe rgb(105,126,254)
```

Monochromatic Color

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

#1d74fe
```
#1d74fe rgb(29,116,254)
```
#1d62fe
```
#1d62fe rgb(29,98,254)
```
#1d4ffe
```
#1d4ffe rgb(29,79,254)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#1d29fe
```
#1d29fe rgb(29,41,254)
```
#231dfe
```
#231dfe rgb(35,29,254)
```
#361dfe
```
#361dfe rgb(54,29,254)
```

Similar Colors

Text with hexadecimal color #1d3cfe

This text has a font color of #1d3cfe.

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

#1d3cfe background color

This paragraph has a background color of #1d3cfe.

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

#1d3cfe border color

This element has a border color of #1d3cfe.

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

CSS codes

.text {color:#1d3cfe;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00041c
```
#00041c rgb(0,4,28)
```
#00072f
```
#00072f rgb(0,7,47)
```
#000943
```
#000943 rgb(0,9,67)
```
#000c56
```
#000c56 rgb(0,12,86)
```
#000f6a
```
#000f6a rgb(0,15,106)
```
#01127e
```
#01127e rgb(1,18,126)
```
#011591
```
#011591 rgb(1,21,145)
```
#0117a5
```
#0117a5 rgb(1,23,165)
```
#011ab8
```
#011ab8 rgb(1,26,184)
```
#011dcc
```
#011dcc rgb(1,29,204)
```
#0120df
```
#0120df rgb(1,32,223)
```
#0122f3
```
#0122f3 rgb(1,34,243)
```

Shade Color Variation

#092bfe
```
#092bfe rgb(9,43,254)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#445efe
```
#445efe rgb(68,94,254)
```
#586ffe
```
#586ffe rgb(88,111,254)
```
#6b7ffe
```
#6b7ffe rgb(107,127,254)
```
#7f90fe
```
#7f90fe rgb(127,144,254)
```
#92a1ff
```
#92a1ff rgb(146,161,255)
```
#a6b2ff
```
#a6b2ff rgb(166,178,255)
```
#b9c3ff
```
#b9c3ff rgb(185,195,255)
```
#cdd4ff
```
#cdd4ff rgb(205,212,255)
```
#e0e5ff
```
#e0e5ff rgb(224,229,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#868895
```
#868895 rgb(134,136,149)
```
#7d829e
```
#7d829e rgb(125,130,158)
```
#747ba7
```
#747ba7 rgb(116,123,167)
```
#6c75af
```
#6c75af rgb(108,117,175)
```
#636fb8
```
#636fb8 rgb(99,111,184)
```
#5a68c1
```
#5a68c1 rgb(90,104,193)
```
#5162ca
```
#5162ca rgb(81,98,202)
```
#495cd2
```
#495cd2 rgb(73,92,210)
```
#4055db
```
#4055db rgb(64,85,219)
```
#374fe4
```
#374fe4 rgb(55,79,228)
```
#2e49ed
```
#2e49ed rgb(46,73,237)
```
#2642f5
```
#2642f5 rgb(38,66,245)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#40466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0a53d4 Protanomaly 1% of men, 0.01% of women
#0a57c4 Deuteranomaly 6% of men, 0.4% of women
#0a5ca5 Tritanomaly 0.01% of the population

#1d3cfe hex color

#1d3cfe Color Information

#1d3cfe Color Conversion

Color Schemes with #1d3cfe

Alternatives to #1d3cfe

#1d3cfe Preview

Shades and Tints of #1d3cfe

Tones of #1d3cfe

Color Blindness Simulator