#1d60e3 hex color

In a RGB color space, hex #1d60e3 is composed of 11.4% red, 37.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 57.7% magenta, 0% yellow and 11% black. It has a hue angle of 219.7 degrees, a saturation of 78% and a lightness of 50.2%. #1d60e3 color hex could be obtained by blending #3ac0ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 38
- B 89
RGB color chart
- C 87
- M 58
- Y 0
- K 11
CMYK color chart

● #1d60e3 color description : Vivid blue.

The hexadecimal color #1d60e3 has RGB values of R:29, G:96, B:227 and CMYK values of C:0.87, M:0.58, Y:0, K:0.11. Its decimal value is 1925347.

Hex triplet	1d60e3	`#1d60e3`
RGB Decimal	29, 96, 227	`rgb(29,96,227)`
RGB Percent	11.4, 37.6, 89	`rgb(11.4%,37.6%,89%)`
CMYK	87, 58, 0, 11
HSL	219.7°, 78, 50.2	`hsl(219.7,78%,50.2%)`
HSV (or HSB)	219.7°, 87.2, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.478, 29.356, -71.906
XYZ	18.552, 14.171, 74.426
xyY	0.173, 0.132, 14.171
CIE-LCH	44.478, 77.668, 292.208
CIE-LUV	44.478, -19.968, -108.503
Hunter-Lab	37.645, 22.087, -90.868
Binary	00011101, 01100000, 11100011

#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#e3a01d
```
#e3a01d rgb(227,160,29)
```

Complementary Color

#1dc3e3
```
#1dc3e3 rgb(29,195,227)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#3d1de3
```
#3d1de3 rgb(61,29,227)
```

Analogous Color

#c3e31d
```
#c3e31d rgb(195,227,29)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#e33d1d
```
#e33d1d rgb(227,61,29)
```

Split Complementary Color

#60e31d
```
#60e31d rgb(96,227,29)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#e31d60
```
#e31d60 rgb(227,29,96)
```

Triadic Color

#1de3a0
```
#1de3a0 rgb(29,227,160)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#e31d60
```
#e31d60 rgb(227,29,96)
```
#e3a01d
```
#e3a01d rgb(227,160,29)
```

Tetradic Color

#1443a0
```
#1443a0 rgb(20,67,160)
```
#174db6
```
#174db6 rgb(23,77,182)
```
#1956cd
```
#1956cd rgb(25,86,205)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#3470e6
```
#3470e6 rgb(52,112,230)
```
#4a80e9
```
#4a80e9 rgb(74,128,233)
```
#6190eb
```
#6190eb rgb(97,144,235)
```

Monochromatic Color

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

#1d92e3
```
#1d92e3 rgb(29,146,227)
```
#1d81e3
```
#1d81e3 rgb(29,129,227)
```
#1d71e3
```
#1d71e3 rgb(29,113,227)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#1d4fe3
```
#1d4fe3 rgb(29,79,227)
```
#1d3fe3
```
#1d3fe3 rgb(29,63,227)
```
#1d2ee3
```
#1d2ee3 rgb(29,46,227)
```

Similar Colors

Text with hexadecimal color #1d60e3

This text has a font color of #1d60e3.

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

#1d60e3 background color

This paragraph has a background color of #1d60e3.

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

#1d60e3 border color

This element has a border color of #1d60e3.

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

CSS codes

.text {color:#1d60e3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020812
```
#020812 rgb(2,8,18)
```
#040f24
```
#040f24 rgb(4,15,36)
```
#071635
```
#071635 rgb(7,22,53)
```
#091e47
```
#091e47 rgb(9,30,71)
```
#0b2558
```
#0b2558 rgb(11,37,88)
```
#0d2c6a
```
#0d2c6a rgb(13,44,106)
```
#0f347b
```
#0f347b rgb(15,52,123)
```
#113b8d
```
#113b8d rgb(17,59,141)
```
#14429e
```
#14429e rgb(20,66,158)
```
#164aaf
```
#164aaf rgb(22,74,175)
```
#1851c1
```
#1851c1 rgb(24,81,193)
```
#1a58d2
```
#1a58d2 rgb(26,88,210)
```

Shade Color Variation

#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#2e6ce5
```
#2e6ce5 rgb(46,108,229)
```
#4079e7
```
#4079e7 rgb(64,121,231)
```
#5185e9
```
#5185e9 rgb(81,133,233)
```
#6391ec
```
#6391ec rgb(99,145,236)
```
#749dee
```
#749dee rgb(116,157,238)
```
#86aaf0
```
#86aaf0 rgb(134,170,240)
```
#97b6f2
```
#97b6f2 rgb(151,182,242)
```
#a9c2f4
```
#a9c2f4 rgb(169,194,244)
```
#bacff6
```
#bacff6 rgb(186,207,246)
```
#ccdbf9
```
#ccdbf9 rgb(204,219,249)
```
#dde7fb
```
#dde7fb rgb(221,231,251)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

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

#7f8081
```
#7f8081 rgb(127,128,129)
```
#757c8b
```
#757c8b rgb(117,124,139)
```
#6b7995
```
#6b7995 rgb(107,121,149)
```
#61769f
```
#61769f rgb(97,118,159)
```
#5873a8
```
#5873a8 rgb(88,115,168)
```
#4e70b2
```
#4e70b2 rgb(78,112,178)
```
#446dbc
```
#446dbc rgb(68,109,188)
```
#3a69c6
```
#3a69c6 rgb(58,105,198)
```
#3166cf
```
#3166cf rgb(49,102,207)
```
#2763d9
```
#2763d9 rgb(39,99,217)
```
#1d60e3
```
#1d60e3 rgb(29,96,227)
```
#135ded
```
#135ded rgb(19,93,237)
```
#095af7
```
#095af7 rgb(9,90,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0a68da Protanomaly 1% of men, 0.01% of women
#0a6cc9 Deuteranomaly 6% of men, 0.4% of women
#0a71a5 Tritanomaly 0.01% of the population

#1d60e3 hex color

#1d60e3 Color Information

#1d60e3 Color Conversion

Color Schemes with #1d60e3

Alternatives to #1d60e3

#1d60e3 Preview

Shades and Tints of #1d60e3

Tones of #1d60e3

Color Blindness Simulator