#1f48e7 hex color

In a RGB color space, hex #1f48e7 is composed of 12.2% red, 28.2% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 68.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 227.7 degrees, a saturation of 80.6% and a lightness of 51.4%. #1f48e7 color hex could be obtained by blending #3e90ff with #0000cf. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 28
- B 91
RGB color chart
- C 87
- M 69
- Y 0
- K 9
CMYK color chart

● #1f48e7 color description : Vivid blue.

The hexadecimal color #1f48e7 has RGB values of R:31, G:72, B:231 and CMYK values of C:0.87, M:0.69, Y:0, K:0.09. Its decimal value is 2050279.

Hex triplet	1f48e7	`#1f48e7`
RGB Decimal	31, 72, 231	`rgb(31,72,231)`
RGB Percent	12.2, 28.2, 90.6	`rgb(12.2%,28.2%,90.6%)`
CMYK	87, 69, 0, 9
HSL	227.7°, 80.6, 51.4	`hsl(227.7,80.6%,51.4%)`
HSV (or HSB)	227.7°, 86.6, 90.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.061, 46.048, -83.06
XYZ	17.303, 10.694, 76.749
xyY	0.165, 0.102, 10.694
CIE-LCH	39.061, 94.971, 299.004
CIE-LUV	39.061, -14.312, -118.017
Hunter-Lab	32.702, 37.219, -116.258
Binary	00011111, 01001000, 11100111

#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#e7be1f
```
#e7be1f rgb(231,190,31)
```

Complementary Color

#1face7
```
#1face7 rgb(31,172,231)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#5a1fe7
```
#5a1fe7 rgb(90,31,231)
```

Analogous Color

#ace71f
```
#ace71f rgb(172,231,31)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#e75a1f
```
#e75a1f rgb(231,90,31)
```

Split Complementary Color

#48e71f
```
#48e71f rgb(72,231,31)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#e71f48
```
#e71f48 rgb(231,31,72)
```

Triadic Color

#1fe7be
```
#1fe7be rgb(31,231,190)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#e71f48
```
#e71f48 rgb(231,31,72)
```
#e7be1f
```
#e7be1f rgb(231,190,31)
```

Tetradic Color

#1231a8
```
#1231a8 rgb(18,49,168)
```
#1437bf
```
#1437bf rgb(20,55,191)
```
#173ed6
```
#173ed6 rgb(23,62,214)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#365be9
```
#365be9 rgb(54,91,233)
```
#4d6eec
```
#4d6eec rgb(77,110,236)
```
#6480ee
```
#6480ee rgb(100,128,238)
```

Monochromatic Color

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

#1f7ae7
```
#1f7ae7 rgb(31,122,231)
```
#1f69e7
```
#1f69e7 rgb(31,105,231)
```
#1f59e7
```
#1f59e7 rgb(31,89,231)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#1f37e7
```
#1f37e7 rgb(31,55,231)
```
#1f27e7
```
#1f27e7 rgb(31,39,231)
```
#281fe7
```
#281fe7 rgb(40,31,231)
```

Similar Colors

Text with hexadecimal color #1f48e7

This text has a font color of #1f48e7.

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

#1f48e7 background color

This paragraph has a background color of #1f48e7.

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

#1f48e7 border color

This element has a border color of #1f48e7.

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

CSS codes

.text {color:#1f48e7;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030718
```
#030718 rgb(3,7,24)
```
#040c2a
```
#040c2a rgb(4,12,42)
```
#06113b
```
#06113b rgb(6,17,59)
```
#08164d
```
#08164d rgb(8,22,77)
```
#0a1c5f
```
#0a1c5f rgb(10,28,95)
```
#0c2171
```
#0c2171 rgb(12,33,113)
```
#0e2682
```
#0e2682 rgb(14,38,130)
```
#102b94
```
#102b94 rgb(16,43,148)
```
#1230a6
```
#1230a6 rgb(18,48,166)
```
#1435b7
```
#1435b7 rgb(20,53,183)
```
#163ac9
```
#163ac9 rgb(22,58,201)
```
#1740db
```
#1740db rgb(23,64,219)
```

Shade Color Variation

#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#3156e9
```
#3156e9 rgb(49,86,233)
```
#4265eb
```
#4265eb rgb(66,101,235)
```
#5473ed
```
#5473ed rgb(84,115,237)
```
#6682ef
```
#6682ef rgb(102,130,239)
```
#7890f0
```
#7890f0 rgb(120,144,240)
```
#899ff2
```
#899ff2 rgb(137,159,242)
```
#9badf4
```
#9badf4 rgb(155,173,244)
```
#adbcf6
```
#adbcf6 rgb(173,188,246)
```
#becaf8
```
#becaf8 rgb(190,202,248)
```
#d0d9fa
```
#d0d9fa rgb(208,217,250)
```
#e2e7fc
```
#e2e7fc rgb(226,231,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#7e8088
```
#7e8088 rgb(126,128,136)
```
#757b91
```
#757b91 rgb(117,123,145)
```
#6b759b
```
#6b759b rgb(107,117,155)
```
#626fa4
```
#626fa4 rgb(98,111,164)
```
#586aae
```
#586aae rgb(88,106,174)
```
#4f64b7
```
#4f64b7 rgb(79,100,183)
```
#455fc1
```
#455fc1 rgb(69,95,193)
```
#3c59ca
```
#3c59ca rgb(60,89,202)
```
#3253d4
```
#3253d4 rgb(50,83,212)
```
#294edd
```
#294edd rgb(41,78,221)
```
#1f48e7
```
#1f48e7 rgb(31,72,231)
```
#1542f1
```
#1542f1 rgb(21,66,241)
```
#0c3dfa
```
#0c3dfa rgb(12,61,250)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#454d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0b58cc Protanomaly 1% of men, 0.01% of women
#0b5bbc Deuteranomaly 6% of men, 0.4% of women
#0b609d Tritanomaly 0.01% of the population

#1f48e7 hex color

#1f48e7 Color Information

#1f48e7 Color Conversion

Color Schemes with #1f48e7

Alternatives to #1f48e7

#1f48e7 Preview

Shades and Tints of #1f48e7

Tones of #1f48e7

Color Blindness Simulator