colorhexa.com

#1f42d4 hex color

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

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

● #1f42d4 color description : Strong blue.

The hexadecimal color #1f42d4 has RGB values of R:31, G:66, B:212 and CMYK values of C:0.85, M:0.69, Y:0, K:0.17. Its decimal value is 2048724.

Hex triplet	1f42d4	`#1f42d4`
RGB Decimal	31, 66, 212	`rgb(31,66,212)`
RGB Percent	12.2, 25.9, 83.1	`rgb(12.2%,25.9%,83.1%)`
CMYK	85, 69, 0, 17
HSL	228.4°, 74.5, 47.6	`hsl(228.4,74.5%,47.6%)`
HSV (or HSB)	228.4°, 85.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.869, 42.944, -77.449
XYZ	14.395, 8.94, 63.251
xyY	0.166, 0.103, 8.94
CIE-LCH	35.869, 88.558, 299.007
CIE-LUV	35.869, -12.877, -107.462
Hunter-Lab	29.9, 33.609, -104.493
Binary	00011111, 01000010, 11010100

#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#d4b11f
```
#d4b11f rgb(212,177,31)
```

Complementary Color

#1f9dd4
```
#1f9dd4 rgb(31,157,212)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#561fd4
```
#561fd4 rgb(86,31,212)
```

Analogous Color

#9dd41f
```
#9dd41f rgb(157,212,31)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#d4561f
```
#d4561f rgb(212,86,31)
```

Split Complementary Color

#42d41f
```
#42d41f rgb(66,212,31)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#d41f42
```
#d41f42 rgb(212,31,66)
```

Triadic Color

#1fd4b1
```
#1fd4b1 rgb(31,212,177)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#d41f42
```
#d41f42 rgb(212,31,66)
```
#d4b11f
```
#d4b11f rgb(212,177,31)
```

Tetradic Color

#152d91
```
#152d91 rgb(21,45,145)
```
#1834a8
```
#1834a8 rgb(24,52,168)
```
#1c3bbe
```
#1c3bbe rgb(28,59,190)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#2c4fe0
```
#2c4fe0 rgb(44,79,224)
```
#4362e3
```
#4362e3 rgb(67,98,227)
```
#5974e7
```
#5974e7 rgb(89,116,231)
```

Monochromatic Color

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

#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)
```
#1f24d4
```
#1f24d4 rgb(31,36,212)
```
#291fd4
```
#291fd4 rgb(41,31,212)
```

Similar Colors

Text with hexadecimal color #1f42d4

This text has a font color of #1f42d4.

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

#1f42d4 background color

This paragraph has a background color of #1f42d4.

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

#1f42d4 border color

This element has a border color of #1f42d4.

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

CSS codes

.text {color:#1f42d4;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030718
```
#030718 rgb(3,7,24)
```
#060d29
```
#060d29 rgb(6,13,41)
```
#08123a
```
#08123a rgb(8,18,58)
```
#0b174b
```
#0b174b rgb(11,23,75)
```
#0d1d5c
```
#0d1d5c rgb(13,29,92)
```
#10226d
```
#10226d rgb(16,34,109)
```
#12277e
```
#12277e rgb(18,39,126)
```
#152d90
```
#152d90 rgb(21,45,144)
```
#1732a1
```
#1732a1 rgb(23,50,161)
```
#1a37b2
```
#1a37b2 rgb(26,55,178)
```
#1c3dc3
```
#1c3dc3 rgb(28,61,195)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```

Shade Color Variation

#274bdf
```
#274bdf rgb(39,75,223)
```
#3859e2
```
#3859e2 rgb(56,89,226)
```
#4967e4
```
#4967e4 rgb(73,103,228)
```
#5b76e7
```
#5b76e7 rgb(91,118,231)
```
#6c84e9
```
#6c84e9 rgb(108,132,233)
```
#7d92ec
```
#7d92ec rgb(125,146,236)
```
#8ea1ee
```
#8ea1ee rgb(142,161,238)
```
#9faff1
```
#9faff1 rgb(159,175,241)
```
#b0bdf3
```
#b0bdf3 rgb(176,189,243)
```
#c1cbf6
```
#c1cbf6 rgb(193,203,246)
```
#d2daf8
```
#d2daf8 rgb(210,218,248)
```
#e3e8fb
```
#e3e8fb rgb(227,232,251)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#737680
```
#737680 rgb(115,118,128)
```
#6a7089
```
#6a7089 rgb(106,112,137)
```
#606a93
```
#606a93 rgb(96,106,147)
```
#57649c
```
#57649c rgb(87,100,156)
```
#4e5fa5
```
#4e5fa5 rgb(78,95,165)
```
#4459af
```
#4459af rgb(68,89,175)
```
#3b53b8
```
#3b53b8 rgb(59,83,184)
```
#324dc1
```
#324dc1 rgb(50,77,193)
```
#2848cb
```
#2848cb rgb(40,72,203)
```
#1f42d4
```
#1f42d4 rgb(31,66,212)
```
#163cdd
```
#163cdd rgb(22,60,221)
```
#0c37e7
```
#0c37e7 rgb(12,55,231)
```
#0331f0
```
#0331f0 rgb(3,49,240)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0b51bd Protanomaly 1% of men, 0.01% of women
#0b54ae Deuteranomaly 6% of men, 0.4% of women
#0b5991 Tritanomaly 0.01% of the population