#1d66df hex color

In a RGB color space, hex #1d66df is composed of 11.4% red, 40% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 54.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 217.4 degrees, a saturation of 77% and a lightness of 49.4%. #1d66df color hex could be obtained by blending #3accff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 40
- B 87
RGB color chart
- C 87
- M 54
- Y 0
- K 13
CMYK color chart

● #1d66df color description : Vivid blue.

The hexadecimal color #1d66df has RGB values of R:29, G:102, B:223 and CMYK values of C:0.87, M:0.54, Y:0, K:0.13. Its decimal value is 1926879.

Hex triplet	1d66df	`#1d66df`
RGB Decimal	29, 102, 223	`rgb(29,102,223)`
RGB Percent	11.4, 40, 87.5	`rgb(11.4%,40%,87.5%)`
CMYK	87, 54, 0, 13
HSL	217.4°, 77, 49.4	`hsl(217.4,77%,49.4%)`
HSV (or HSB)	217.4°, 87, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.757, 23.959, -67.556
XYZ	18.574, 15.09, 71.742
xyY	0.176, 0.143, 15.09
CIE-LCH	45.757, 71.678, 289.527
CIE-LUV	45.757, -21.638, -103.023
Hunter-Lab	38.846, 17.37, -82.306
Binary	00011101, 01100110, 11011111

#1d66df
```
#1d66df rgb(29,102,223)
```
#df961d
```
#df961d rgb(223,150,29)
```

Complementary Color

#1dc7df
```
#1dc7df rgb(29,199,223)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#351ddf
```
#351ddf rgb(53,29,223)
```

Analogous Color

#c7df1d
```
#c7df1d rgb(199,223,29)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#df351d
```
#df351d rgb(223,53,29)
```

Split Complementary Color

#66df1d
```
#66df1d rgb(102,223,29)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#df1d66
```
#df1d66 rgb(223,29,102)
```

Triadic Color

#1ddf96
```
#1ddf96 rgb(29,223,150)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#df1d66
```
#df1d66 rgb(223,29,102)
```
#df961d
```
#df961d rgb(223,150,29)
```

Tetradic Color

#14479b
```
#14479b rgb(20,71,155)
```
#1751b2
```
#1751b2 rgb(23,81,178)
```
#1a5cc8
```
#1a5cc8 rgb(26,92,200)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#3175e4
```
#3175e4 rgb(49,117,228)
```
#4884e7
```
#4884e7 rgb(72,132,231)
```
#5e93ea
```
#5e93ea rgb(94,147,234)
```

Monochromatic Color

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

#1d97df
```
#1d97df rgb(29,151,223)
```
#1d86df
```
#1d86df rgb(29,134,223)
```
#1d76df
```
#1d76df rgb(29,118,223)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#1d56df
```
#1d56df rgb(29,86,223)
```
#1d46df
```
#1d46df rgb(29,70,223)
```
#1d36df
```
#1d36df rgb(29,54,223)
```

Similar Colors

Text with hexadecimal color #1d66df

This text has a font color of #1d66df.

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

#1d66df background color

This paragraph has a background color of #1d66df.

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

#1d66df border color

This element has a border color of #1d66df.

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

CSS codes

.text {color:#1d66df;}

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

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

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, #02070f is the darkest color, while #fcfdff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#040f20
```
#040f20 rgb(4,15,32)
```
#061731
```
#061731 rgb(6,23,49)
```
#091f43
```
#091f43 rgb(9,31,67)
```
#0b2654
```
#0b2654 rgb(11,38,84)
```
#0d2e65
```
#0d2e65 rgb(13,46,101)
```
#0f3677
```
#0f3677 rgb(15,54,119)
```
#123e88
```
#123e88 rgb(18,62,136)
```
#14469a
```
#14469a rgb(20,70,154)
```
#164eab
```
#164eab rgb(22,78,171)
```
#1856bc
```
#1856bc rgb(24,86,188)
```
#1b5ece
```
#1b5ece rgb(27,94,206)
```
#1d66df
```
#1d66df rgb(29,102,223)
```

Shade Color Variation

#2c71e4
```
#2c71e4 rgb(44,113,228)
```
#3d7de6
```
#3d7de6 rgb(61,125,230)
```
#4f88e8
```
#4f88e8 rgb(79,136,232)
```
#6094ea
```
#6094ea rgb(96,148,234)
```
#71a0ed
```
#71a0ed rgb(113,160,237)
```
#83abef
```
#83abef rgb(131,171,239)
```
#94b7f1
```
#94b7f1 rgb(148,183,241)
```
#a6c3f3
```
#a6c3f3 rgb(166,195,243)
```
#b7cff6
```
#b7cff6 rgb(183,207,246)
```
#c8daf8
```
#c8daf8 rgb(200,218,248)
```
#dae6fa
```
#dae6fa rgb(218,230,250)
```
#ebf2fc
```
#ebf2fc rgb(235,242,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #0a61f2 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#747c88
```
#747c88 rgb(116,124,136)
```
#6b7991
```
#6b7991 rgb(107,121,145)
```
#61779b
```
#61779b rgb(97,119,155)
```
#5774a5
```
#5774a5 rgb(87,116,165)
```
#4d72af
```
#4d72af rgb(77,114,175)
```
#4470b8
```
#4470b8 rgb(68,112,184)
```
#3a6dc2
```
#3a6dc2 rgb(58,109,194)
```
#306bcc
```
#306bcc rgb(48,107,204)
```
#2768d5
```
#2768d5 rgb(39,104,213)
```
#1d66df
```
#1d66df rgb(29,102,223)
```
#1364e9
```
#1364e9 rgb(19,100,233)
```
#0a61f2
```
#0a61f2 rgb(10,97,242)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#516078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0a6cdd Protanomaly 1% of men, 0.01% of women
#0a70cb Deuteranomaly 6% of men, 0.4% of women
#0a76a6 Tritanomaly 0.01% of the population

#1d66df hex color

#1d66df Color Information

#1d66df Color Conversion

Color Schemes with #1d66df

Alternatives to #1d66df

#1d66df Preview

Shades and Tints of #1d66df

Tones of #1d66df

Color Blindness Simulator