#1f5fd4 hex color

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

♥
- f
- t
- g
- R 12
- G 37
- B 83
RGB color chart
- C 85
- M 55
- Y 0
- K 17
CMYK color chart

● #1f5fd4 color description : Strong blue.

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

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

CIE-LAB	43.105, 24.379, -65.599
XYZ	16.538, 13.228, 63.965
xyY	0.176, 0.141, 13.228
CIE-LCH	43.105, 69.983, 290.386
CIE-LUV	43.105, -19.748, -98.468
Hunter-Lab	36.37, 17.521, -78.816
Binary	00011111, 01011111, 11010100

#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#d4941f
```
#d4941f rgb(212,148,31)
```

Complementary Color

#1fbad4
```
#1fbad4 rgb(31,186,212)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#391fd4
```
#391fd4 rgb(57,31,212)
```

Analogous Color

#bad41f
```
#bad41f rgb(186,212,31)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#d4391f
```
#d4391f rgb(212,57,31)
```

Split Complementary Color

#5fd41f
```
#5fd41f rgb(95,212,31)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#d41f5f
```
#d41f5f rgb(212,31,95)
```

Triadic Color

#1fd494
```
#1fd494 rgb(31,212,148)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#d41f5f
```
#d41f5f rgb(212,31,95)
```
#d4941f
```
#d4941f rgb(212,148,31)
```

Tetradic Color

#154191
```
#154191 rgb(21,65,145)
```
#184ba8
```
#184ba8 rgb(24,75,168)
```
#1c55be
```
#1c55be rgb(28,85,190)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#2c6ce0
```
#2c6ce0 rgb(44,108,224)
```
#437be3
```
#437be3 rgb(67,123,227)
```
#598be7
```
#598be7 rgb(89,139,231)
```

Monochromatic Color

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

#1f8cd4
```
#1f8cd4 rgb(31,140,212)
```
#1f7dd4
```
#1f7dd4 rgb(31,125,212)
```
#1f6ed4
```
#1f6ed4 rgb(31,110,212)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#1f50d4
```
#1f50d4 rgb(31,80,212)
```
#1f41d4
```
#1f41d4 rgb(31,65,212)
```
#1f32d4
```
#1f32d4 rgb(31,50,212)
```

Similar Colors

Text with hexadecimal color #1f5fd4

This text has a font color of #1f5fd4.

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

#1f5fd4 background color

This paragraph has a background color of #1f5fd4.

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

#1f5fd4 border color

This element has a border color of #1f5fd4.

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

CSS codes

.text {color:#1f5fd4;}

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

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

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)
```
#061229
```
#061229 rgb(6,18,41)
```
#081a3a
```
#081a3a rgb(8,26,58)
```
#0b224b
```
#0b224b rgb(11,34,75)
```
#0d295c
```
#0d295c rgb(13,41,92)
```
#10316d
```
#10316d rgb(16,49,109)
```
#12397e
```
#12397e rgb(18,57,126)
```
#154090
```
#154090 rgb(21,64,144)
```
#1748a1
```
#1748a1 rgb(23,72,161)
```
#1a50b2
```
#1a50b2 rgb(26,80,178)
```
#1c57c3
```
#1c57c3 rgb(28,87,195)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```

Shade Color Variation

#2768df
```
#2768df rgb(39,104,223)
```
#3874e2
```
#3874e2 rgb(56,116,226)
```
#4980e4
```
#4980e4 rgb(73,128,228)
```
#5b8ce7
```
#5b8ce7 rgb(91,140,231)
```
#6c98e9
```
#6c98e9 rgb(108,152,233)
```
#7da4ec
```
#7da4ec rgb(125,164,236)
```
#8eb0ee
```
#8eb0ee rgb(142,176,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 #0357f0 is the most saturated one.

#737880
```
#737880 rgb(115,120,128)
```
#6a7589
```
#6a7589 rgb(106,117,137)
```
#607293
```
#607293 rgb(96,114,147)
```
#576f9c
```
#576f9c rgb(87,111,156)
```
#4e6da5
```
#4e6da5 rgb(78,109,165)
```
#446aaf
```
#446aaf rgb(68,106,175)
```
#3b67b8
```
#3b67b8 rgb(59,103,184)
```
#3264c1
```
#3264c1 rgb(50,100,193)
```
#2862cb
```
#2862cb rgb(40,98,203)
```
#1f5fd4
```
#1f5fd4 rgb(31,95,212)
```
#165cdd
```
#165cdd rgb(22,92,221)
```
#0c5ae7
```
#0c5ae7 rgb(12,90,231)
```
#0357f0
```
#0357f0 rgb(3,87,240)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

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

#1f5fd4 hex color

#1f5fd4 Color Information

#1f5fd4 Color Conversion

Color Schemes with #1f5fd4

Alternatives to #1f5fd4

#1f5fd4 Preview

Shades and Tints of #1f5fd4

Tones of #1f5fd4

Color Blindness Simulator