#1948f5 hex color

In a RGB color space, hex #1948f5 is composed of 9.8% red, 28.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 70.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.2 degrees, a saturation of 91.7% and a lightness of 52.9%. #1948f5 color hex could be obtained by blending #3290ff with #0000eb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 10
- G 28
- B 96
RGB color chart
- C 90
- M 71
- Y 0
- K 4
CMYK color chart

● #1948f5 color description : Vivid blue.

The hexadecimal color #1948f5 has RGB values of R:25, G:72, B:245 and CMYK values of C:0.9, M:0.71, Y:0, K:0.04. Its decimal value is 1657077.

Hex triplet	1948f5	`#1948f5`
RGB Decimal	25, 72, 245	`rgb(25,72,245)`
RGB Percent	9.8, 28.2, 96.1	`rgb(9.8%,28.2%,96.1%)`
CMYK	90, 71, 0, 4
HSL	227.2°, 91.7, 52.9	`hsl(227.2,91.7%,52.9%)`
HSV (or HSB)	227.2°, 89.8, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.299, 50.687, -88.929
XYZ	19.196, 11.432, 87.576
xyY	0.162, 0.097, 11.432
CIE-LCH	40.299, 102.359, 299.682
CIE-LUV	40.299, -14.926, -126.472
Hunter-Lab	33.812, 42.17, -129.899
Binary	00011001, 01001000, 11110101

#1948f5
```
#1948f5 rgb(25,72,245)
```
#f5c619
```
#f5c619 rgb(245,198,25)
```

Complementary Color

#19b6f5
```
#19b6f5 rgb(25,182,245)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#5819f5
```
#5819f5 rgb(88,25,245)
```

Analogous Color

#b6f519
```
#b6f519 rgb(182,245,25)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#f55819
```
#f55819 rgb(245,88,25)
```

Split Complementary Color

#48f519
```
#48f519 rgb(72,245,25)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#f51948
```
#f51948 rgb(245,25,72)
```

Triadic Color

#19f5c6
```
#19f5c6 rgb(25,245,198)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#f51948
```
#f51948 rgb(245,25,72)
```
#f5c619
```
#f5c619 rgb(245,198,25)
```

Tetradic Color

#082eb9
```
#082eb9 rgb(8,46,185)
```
#0934d2
```
#0934d2 rgb(9,52,210)
```
#0a3aea
```
#0a3aea rgb(10,58,234)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#315bf6
```
#315bf6 rgb(49,91,246)
```
#4a6ff7
```
#4a6ff7 rgb(74,111,247)
```
#6282f8
```
#6282f8 rgb(98,130,248)
```

Monochromatic Color

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

#197ff5
```
#197ff5 rgb(25,127,245)
```
#196df5
```
#196df5 rgb(25,109,245)
```
#195af5
```
#195af5 rgb(25,90,245)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#1936f5
```
#1936f5 rgb(25,54,245)
```
#1923f5
```
#1923f5 rgb(25,35,245)
```
#2119f5
```
#2119f5 rgb(33,25,245)
```

Similar Colors

Text with hexadecimal color #1948f5

This text has a font color of #1948f5.

<span style="color:#1948f5;">Text here</span>

#1948f5 background color

This paragraph has a background color of #1948f5.

<p style="background-color:#1948f5;">Content here</p>

#1948f5 border color

This element has a border color of #1948f5.

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

CSS codes

.text {color:#1948f5;}

.background {background-color:#1948f5;}

.border {border:1px solid #1948f5;}

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, #01040e is the darkest color, while #fbfbff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#010821
```
#010821 rgb(1,8,33)
```
#020d34
```
#020d34 rgb(2,13,52)
```
#031247
```
#031247 rgb(3,18,71)
```
#04165a
```
#04165a rgb(4,22,90)
```
#051b6c
```
#051b6c rgb(5,27,108)
```
#06207f
```
#06207f rgb(6,32,127)
```
#062492
```
#062492 rgb(6,36,146)
```
#0729a5
```
#0729a5 rgb(7,41,165)
```
#082db8
```
#082db8 rgb(8,45,184)
```
#0932ca
```
#0932ca rgb(9,50,202)
```
#0a37dd
```
#0a37dd rgb(10,55,221)
```
#0a3bf0
```
#0a3bf0 rgb(10,59,240)
```

Shade Color Variation

#1948f5
```
#1948f5 rgb(25,72,245)
```
#2c57f6
```
#2c57f6 rgb(44,87,246)
```
#3f66f7
```
#3f66f7 rgb(63,102,247)
```
#5175f7
```
#5175f7 rgb(81,117,247)
```
#6484f8
```
#6484f8 rgb(100,132,248)
```
#7793f9
```
#7793f9 rgb(119,147,249)
```
#8aa2fa
```
#8aa2fa rgb(138,162,250)
```
#9db1fb
```
#9db1fb rgb(157,177,251)
```
#afc0fc
```
#afc0fc rgb(175,192,252)
```
#c2cffc
```
#c2cffc rgb(194,207,252)
```
#d5defd
```
#d5defd rgb(213,222,253)
```
#e8edfe
```
#e8edfe rgb(232,237,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#7f828f
```
#7f828f rgb(127,130,143)
```
#757d99
```
#757d99 rgb(117,125,153)
```
#6c78a2
```
#6c78a2 rgb(108,120,162)
```
#6372ab
```
#6372ab rgb(99,114,171)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#5068be
```
#5068be rgb(80,104,190)
```
#4762c7
```
#4762c7 rgb(71,98,199)
```
#3e5dd0
```
#3e5dd0 rgb(62,93,208)
```
#3558d9
```
#3558d9 rgb(53,88,217)
```
#2b53e3
```
#2b53e3 rgb(43,83,227)
```
#224dec
```
#224dec rgb(34,77,236)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#1043fe
```
#1043fe rgb(16,67,254)
```

Tone Color Variation

Below, you can see how #1948f5 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
#434d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#095ad5 Protanomaly 1% of men, 0.01% of women
#095dc4 Deuteranomaly 6% of men, 0.4% of women
#0962a4 Tritanomaly 0.01% of the population

#1948f5 hex color

#1948f5 Color Information

#1948f5 Color Conversion

Color Schemes with #1948f5

Alternatives to #1948f5

#1948f5 Preview

Shades and Tints of #1948f5

Tones of #1948f5

Color Blindness Simulator