#1f48ec hex color

In a RGB color space, hex #1f48ec is composed of 12.2% red, 28.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 69.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 228 degrees, a saturation of 84.4% and a lightness of 52.4%. #1f48ec color hex could be obtained by blending #3e90ff with #0000d9. Closest websafe color is: #3333ff.

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

● #1f48ec color description : Vivid blue.

The hexadecimal color #1f48ec has RGB values of R:31, G:72, B:236 and CMYK values of C:0.87, M:0.69, Y:0, K:0.07. Its decimal value is 2050284.

Hex triplet	1f48ec	`#1f48ec`
RGB Decimal	31, 72, 236	`rgb(31,72,236)`
RGB Percent	12.2, 28.2, 92.5	`rgb(12.2%,28.2%,92.5%)`
CMYK	87, 69, 0, 7
HSL	228°, 84.4, 52.4	`hsl(228,84.4%,52.4%)`
HSV (or HSB)	228°, 86.9, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.548, 47.805, -85.09
XYZ	18.02, 10.981, 80.522
xyY	0.165, 0.1, 10.981
CIE-LCH	39.548, 97.599, 299.328
CIE-LUV	39.548, -14.376, -121.034
Hunter-Lab	33.137, 39.076, -120.876
Binary	00011111, 01001000, 11101100

#1f48ec
```
#1f48ec rgb(31,72,236)
```
#ecc31f
```
#ecc31f rgb(236,195,31)
```

Complementary Color

#1fafec
```
#1fafec rgb(31,175,236)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#5d1fec
```
#5d1fec rgb(93,31,236)
```

Analogous Color

#afec1f
```
#afec1f rgb(175,236,31)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#ec5d1f
```
#ec5d1f rgb(236,93,31)
```

Split Complementary Color

#48ec1f
```
#48ec1f rgb(72,236,31)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#ec1f48
```
#ec1f48 rgb(236,31,72)
```

Triadic Color

#1fecc3
```
#1fecc3 rgb(31,236,195)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#ec1f48
```
#ec1f48 rgb(236,31,72)
```
#ecc31f
```
#ecc31f rgb(236,195,31)
```

Tetradic Color

#0f2fb0
```
#0f2fb0 rgb(15,47,176)
```
#1135c7
```
#1135c7 rgb(17,53,199)
```
#133cdf
```
#133cdf rgb(19,60,223)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#375bee
```
#375bee rgb(55,91,238)
```
#4e6ef0
```
#4e6ef0 rgb(78,110,240)
```
#6682f2
```
#6682f2 rgb(102,130,242)
```

Monochromatic Color

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

#1f7bec
```
#1f7bec rgb(31,123,236)
```
#1f6aec
```
#1f6aec rgb(31,106,236)
```
#1f59ec
```
#1f59ec rgb(31,89,236)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#1f37ec
```
#1f37ec rgb(31,55,236)
```
#1f26ec
```
#1f26ec rgb(31,38,236)
```
#291fec
```
#291fec rgb(41,31,236)
```

Similar Colors

Text with hexadecimal color #1f48ec

This text has a font color of #1f48ec.

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

#1f48ec background color

This paragraph has a background color of #1f48ec.

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

#1f48ec border color

This element has a border color of #1f48ec.

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

CSS codes

.text {color:#1f48ec;}

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

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

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, #01030b is the darkest color, while #f8f9fe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02081d
```
#02081d rgb(2,8,29)
```
#040d2f
```
#040d2f rgb(4,13,47)
```
#061141
```
#061141 rgb(6,17,65)
```
#071653
```
#071653 rgb(7,22,83)
```
#091b65
```
#091b65 rgb(9,27,101)
```
#0a2078
```
#0a2078 rgb(10,32,120)
```
#0c258a
```
#0c258a rgb(12,37,138)
```
#0d2a9c
```
#0d2a9c rgb(13,42,156)
```
#0f2fae
```
#0f2fae rgb(15,47,174)
```
#1033c0
```
#1033c0 rgb(16,51,192)
```
#1238d2
```
#1238d2 rgb(18,56,210)
```
#133de4
```
#133de4 rgb(19,61,228)
```

Shade Color Variation

#1f48ec
```
#1f48ec rgb(31,72,236)
```
#3157ee
```
#3157ee rgb(49,87,238)
```
#4366ef
```
#4366ef rgb(67,102,239)
```
#5574f1
```
#5574f1 rgb(85,116,241)
```
#6783f2
```
#6783f2 rgb(103,131,242)
```
#7992f4
```
#7992f4 rgb(121,146,244)
```
#8ba1f5
```
#8ba1f5 rgb(139,161,245)
```
#9eaff7
```
#9eaff7 rgb(158,175,247)
```
#b0bef8
```
#b0bef8 rgb(176,190,248)
```
#c2cdfa
```
#c2cdfa rgb(194,205,250)
```
#d4dcfb
```
#d4dcfb rgb(212,220,251)
```
#e6eafd
```
#e6eafd rgb(230,234,253)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#7c808f
```
#7c808f rgb(124,128,143)
```
#737a98
```
#737a98 rgb(115,122,152)
```
#6a75a1
```
#6a75a1 rgb(106,117,161)
```
#606fab
```
#606fab rgb(96,111,171)
```
#576ab4
```
#576ab4 rgb(87,106,180)
```
#4e64bd
```
#4e64bd rgb(78,100,189)
```
#445ec7
```
#445ec7 rgb(68,94,199)
```
#3b59d0
```
#3b59d0 rgb(59,89,208)
```
#3253d9
```
#3253d9 rgb(50,83,217)
```
#284ee3
```
#284ee3 rgb(40,78,227)
```
#1f48ec
```
#1f48ec rgb(31,72,236)
```
#1642f5
```
#1642f5 rgb(22,66,245)
```
#0c3dff
```
#0c3dff rgb(12,61,255)
```

Tone Color Variation

Below, you can see how #1f48ec 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
#454d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0b58d0 Protanomaly 1% of men, 0.01% of women
#0b5cbf Deuteranomaly 6% of men, 0.4% of women
#0b61a0 Tritanomaly 0.01% of the population

#1f48ec hex color

#1f48ec Color Information

#1f48ec Color Conversion

Color Schemes with #1f48ec

Alternatives to #1f48ec

#1f48ec Preview

Shades and Tints of #1f48ec

Tones of #1f48ec

Color Blindness Simulator