colorhexa.com

#1f60d4 hex color

In a RGB color space, hex #1f60d4 is composed of 12.2% red, 37.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 54.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 218.5 degrees, a saturation of 74.5% and a lightness of 47.6%. #1f60d4 color hex could be obtained by blending #3ec0ff with #0000a9. Closest websafe color is: #3366cc.

- R 12
- G 38
- B 83
RGB color chart
- C 85
- M 55
- Y 0
- K 17
CMYK color chart

● #1f60d4 color description : Strong blue.

The hexadecimal color #1f60d4 has RGB values of R:31, G:96, B:212 and CMYK values of C:0.85, M:0.55, Y:0, K:0.17. Its decimal value is 2056404.

Hex triplet	1f60d4	`#1f60d4`
RGB Decimal	31, 96, 212	`rgb(31,96,212)`
RGB Percent	12.2, 37.6, 83.1	`rgb(12.2%,37.6%,83.1%)`
CMYK	85, 55, 0, 17
HSL	218.5°, 74.5, 47.6	`hsl(218.5,74.5%,47.6%)`
HSV (or HSB)	218.5°, 85.4, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.373, 23.729, -65.162
XYZ	16.629, 13.409, 63.996
xyY	0.177, 0.143, 13.409
CIE-LCH	43.373, 69.348, 290.009
CIE-LUV	43.373, -20.021, -98.004
Hunter-Lab	36.619, 16.977, -77.984
Binary	00011111, 01100000, 11010100

#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#d4931f
```
#d4931f rgb(212,147,31)
```

Complementary Color

#1fbbd4
```
#1fbbd4 rgb(31,187,212)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#391fd4
```
#391fd4 rgb(57,31,212)
```

Analogous Color

#bbd41f
```
#bbd41f rgb(187,212,31)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#d4391f
```
#d4391f rgb(212,57,31)
```

Split Complementary Color

#60d41f
```
#60d41f rgb(96,212,31)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#d41f60
```
#d41f60 rgb(212,31,96)
```

Triadic Color

#1fd493
```
#1fd493 rgb(31,212,147)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#d41f60
```
#d41f60 rgb(212,31,96)
```
#d4931f
```
#d4931f rgb(212,147,31)
```

Tetradic Color

#154291
```
#154291 rgb(21,66,145)
```
#184ca8
```
#184ca8 rgb(24,76,168)
```
#1c56be
```
#1c56be rgb(28,86,190)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#2c6de0
```
#2c6de0 rgb(44,109,224)
```
#437ce3
```
#437ce3 rgb(67,124,227)
```
#598ce7
```
#598ce7 rgb(89,140,231)
```

Monochromatic Color

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

#1f8dd4
```
#1f8dd4 rgb(31,141,212)
```
#1f7ed4
```
#1f7ed4 rgb(31,126,212)
```
#1f6fd4
```
#1f6fd4 rgb(31,111,212)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#1f51d4
```
#1f51d4 rgb(31,81,212)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#1f33d4
```
#1f33d4 rgb(31,51,212)
```

Similar Colors

Text with hexadecimal color #1f60d4

This text has a font color of #1f60d4.

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

#1f60d4 background color

This paragraph has a background color of #1f60d4.

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

#1f60d4 border color

This element has a border color of #1f60d4.

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

CSS codes

.text {color:#1f60d4;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030b18
```
#030b18 rgb(3,11,24)
```
#061329
```
#061329 rgb(6,19,41)
```
#081a3a
```
#081a3a rgb(8,26,58)
```
#0b224b
```
#0b224b rgb(11,34,75)
```
#0d2a5c
```
#0d2a5c rgb(13,42,92)
```
#10326d
```
#10326d rgb(16,50,109)
```
#12397e
```
#12397e rgb(18,57,126)
```
#154190
```
#154190 rgb(21,65,144)
```
#1749a1
```
#1749a1 rgb(23,73,161)
```
#1a51b2
```
#1a51b2 rgb(26,81,178)
```
#1c58c3
```
#1c58c3 rgb(28,88,195)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```

Shade Color Variation

#2769df
```
#2769df rgb(39,105,223)
```
#3875e2
```
#3875e2 rgb(56,117,226)
```
#4981e4
```
#4981e4 rgb(73,129,228)
```
#5b8de7
```
#5b8de7 rgb(91,141,231)
```
#6c99e9
```
#6c99e9 rgb(108,153,233)
```
#7da5ec
```
#7da5ec rgb(125,165,236)
```
#8eb1ee
```
#8eb1ee rgb(142,177,238)
```
#9fbcf1
```
#9fbcf1 rgb(159,188,241)
```
#b0c8f3
```
#b0c8f3 rgb(176,200,243)
```
#c1d4f6
```
#c1d4f6 rgb(193,212,246)
```
#d2e0f8
```
#d2e0f8 rgb(210,224,248)
```
#e3ecfb
```
#e3ecfb rgb(227,236,251)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#737880
```
#737880 rgb(115,120,128)
```
#6a7589
```
#6a7589 rgb(106,117,137)
```
#607293
```
#607293 rgb(96,114,147)
```
#57709c
```
#57709c rgb(87,112,156)
```
#4e6da5
```
#4e6da5 rgb(78,109,165)
```
#446baf
```
#446baf rgb(68,107,175)
```
#3b68b8
```
#3b68b8 rgb(59,104,184)
```
#3265c1
```
#3265c1 rgb(50,101,193)
```
#2863cb
```
#2863cb rgb(40,99,203)
```
#1f60d4
```
#1f60d4 rgb(31,96,212)
```
#165ddd
```
#165ddd rgb(22,93,221)
```
#0c5be7
```
#0c5be7 rgb(12,91,231)
```
#0358f0
```
#0358f0 rgb(3,88,240)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad1 Protanopia 1% of men
#0070b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0b66d2 Protanomaly 1% of men, 0.01% of women
#0b6ac1 Deuteranomaly 6% of men, 0.4% of women
#0b709e Tritanomaly 0.01% of the population