colorhexa.com

#1d60e4 hex color

In a RGB color space, hex #1d60e4 is composed of 11.4% red, 37.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 57.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 219.8 degrees, a saturation of 78.7% and a lightness of 50.4%. #1d60e4 color hex could be obtained by blending #3ac0ff with #0000c9. Closest websafe color is: #3366cc.

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

● #1d60e4 color description : Vivid blue.

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

Hex triplet	1d60e4	`#1d60e4`
RGB Decimal	29, 96, 228	`rgb(29,96,228)`
RGB Percent	11.4, 37.6, 89.4	`rgb(11.4%,37.6%,89.4%)`
CMYK	87, 58, 0, 11
HSL	219.8°, 78.7, 50.4	`hsl(219.8,78.7%,50.4%)`
HSV (or HSB)	219.8°, 87.3, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.557, 29.736, -72.344
XYZ	18.69, 14.227, 75.156
xyY	0.173, 0.132, 14.227
CIE-LCH	44.557, 78.217, 292.345
CIE-LUV	44.557, -19.955, -109.186
Hunter-Lab	37.718, 22.442, -91.735
Binary	00011101, 01100000, 11100100

#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#e4a11d
```
#e4a11d rgb(228,161,29)
```

Complementary Color

#1dc4e4
```
#1dc4e4 rgb(29,196,228)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#3e1de4
```
#3e1de4 rgb(62,29,228)
```

Analogous Color

#c4e41d
```
#c4e41d rgb(196,228,29)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#e43d1d
```
#e43d1d rgb(228,61,29)
```

Split Complementary Color

#60e41d
```
#60e41d rgb(96,228,29)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#e41d60
```
#e41d60 rgb(228,29,96)
```

Triadic Color

#1de4a1
```
#1de4a1 rgb(29,228,161)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#e41d60
```
#e41d60 rgb(228,29,96)
```
#e4a11d
```
#e4a11d rgb(228,161,29)
```

Tetradic Color

#1343a1
```
#1343a1 rgb(19,67,161)
```
#164db8
```
#164db8 rgb(22,77,184)
```
#1956cf
```
#1956cf rgb(25,86,207)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#3470e7
```
#3470e7 rgb(52,112,231)
```
#4b80e9
```
#4b80e9 rgb(75,128,233)
```
#6190ec
```
#6190ec rgb(97,144,236)
```

Monochromatic Color

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

#1d92e4
```
#1d92e4 rgb(29,146,228)
```
#1d81e4
```
#1d81e4 rgb(29,129,228)
```
#1d71e4
```
#1d71e4 rgb(29,113,228)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#1d4fe4
```
#1d4fe4 rgb(29,79,228)
```
#1d3fe4
```
#1d3fe4 rgb(29,63,228)
```
#1d2ee4
```
#1d2ee4 rgb(29,46,228)
```

Similar Colors

Text with hexadecimal color #1d60e4

This text has a font color of #1d60e4.

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

#1d60e4 background color

This paragraph has a background color of #1d60e4.

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

#1d60e4 border color

This element has a border color of #1d60e4.

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

CSS codes

.text {color:#1d60e4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020813
```
#020813 rgb(2,8,19)
```
#040f25
```
#040f25 rgb(4,15,37)
```
#061736
```
#061736 rgb(6,23,54)
```
#091e48
```
#091e48 rgb(9,30,72)
```
#0b2559
```
#0b2559 rgb(11,37,89)
```
#0d2c6b
```
#0d2c6b rgb(13,44,107)
```
#0f347c
```
#0f347c rgb(15,52,124)
```
#113b8e
```
#113b8e rgb(17,59,142)
```
#13429f
```
#13429f rgb(19,66,159)
```
#154ab1
```
#154ab1 rgb(21,74,177)
```
#1751c3
```
#1751c3 rgb(23,81,195)
```
#1958d4
```
#1958d4 rgb(25,88,212)
```

Shade Color Variation

#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#2f6ce6
```
#2f6ce6 rgb(47,108,230)
```
#4079e8
```
#4079e8 rgb(64,121,232)
```
#5285ea
```
#5285ea rgb(82,133,234)
```
#6391ec
```
#6391ec rgb(99,145,236)
```
#759eee
```
#759eee rgb(117,158,238)
```
#86aaf1
```
#86aaf1 rgb(134,170,241)
```
#98b6f3
```
#98b6f3 rgb(152,182,243)
```
#a9c3f5
```
#a9c3f5 rgb(169,195,245)
```
#bbcff7
```
#bbcff7 rgb(187,207,247)
```
#ccdbf9
```
#ccdbf9 rgb(204,219,249)
```
#dee8fb
```
#dee8fb rgb(222,232,251)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

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

#7e8083
```
#7e8083 rgb(126,128,131)
```
#757d8c
```
#757d8c rgb(117,125,140)
```
#6b7996
```
#6b7996 rgb(107,121,150)
```
#6176a0
```
#6176a0 rgb(97,118,160)
```
#5773aa
```
#5773aa rgb(87,115,170)
```
#4e70b3
```
#4e70b3 rgb(78,112,179)
```
#446dbd
```
#446dbd rgb(68,109,189)
```
#3a6ac7
```
#3a6ac7 rgb(58,106,199)
```
#3066d1
```
#3066d1 rgb(48,102,209)
```
#2763da
```
#2763da rgb(39,99,218)
```
#1d60e4
```
#1d60e4 rgb(29,96,228)
```
#135dee
```
#135dee rgb(19,93,238)
```
#0a5af7
```
#0a5af7 rgb(10,90,247)
```

Tone Color Variation

Below, you can see how #1d60e4 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
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0a68db Protanomaly 1% of men, 0.01% of women
#0a6cca Deuteranomaly 6% of men, 0.4% of women
#0a72a6 Tritanomaly 0.01% of the population