colorhexa.com

#1948e2 hex color

In a RGB color space, hex #1948e2 is composed of 9.8% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 226 degrees, a saturation of 80.1% and a lightness of 49.2%. #1948e2 color hex could be obtained by blending #3290ff with #0000c5. Closest websafe color is: #0033cc.

- R 10
- G 28
- B 89
RGB color chart
- C 89
- M 68
- Y 0
- K 11
CMYK color chart

● #1948e2 color description : Vivid blue.

The hexadecimal color #1948e2 has RGB values of R:25, G:72, B:226 and CMYK values of C:0.89, M:0.68, Y:0, K:0.11. Its decimal value is 1657058.

Hex triplet	1948e2	`#1948e2`
RGB Decimal	25, 72, 226	`rgb(25,72,226)`
RGB Percent	9.8, 28.2, 88.6	`rgb(9.8%,28.2%,88.6%)`
CMYK	89, 68, 0, 11
HSL	226°, 80.1, 49.2	`hsl(226,80.1%,49.2%)`
HSV (or HSB)	226°, 88.9, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.43, 43.988, -81.26
XYZ	16.443, 10.331, 73.075
xyY	0.165, 0.103, 10.331
CIE-LCH	38.43, 92.402, 298.428
CIE-LUV	38.43, -14.722, -115.063
Hunter-Lab	32.142, 35.067, -112.296
Binary	00011001, 01001000, 11100010

#1948e2
```
#1948e2 rgb(25,72,226)
```
#e2b319
```
#e2b319 rgb(226,179,25)
```

Complementary Color

#19ade2
```
#19ade2 rgb(25,173,226)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#4e19e2
```
#4e19e2 rgb(78,25,226)
```

Analogous Color

#ade219
```
#ade219 rgb(173,226,25)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#e24e19
```
#e24e19 rgb(226,78,25)
```

Split Complementary Color

#48e219
```
#48e219 rgb(72,226,25)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#e21948
```
#e21948 rgb(226,25,72)
```

Triadic Color

#19e2b3
```
#19e2b3 rgb(25,226,179)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#e21948
```
#e21948 rgb(226,25,72)
```
#e2b319
```
#e2b319 rgb(226,179,25)
```

Tetradic Color

#11329d
```
#11329d rgb(17,50,157)
```
#1439b4
```
#1439b4 rgb(20,57,180)
```
#1641cb
```
#1641cb rgb(22,65,203)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#2d58e8
```
#2d58e8 rgb(45,88,232)
```
#446bea
```
#446bea rgb(68,107,234)
```
#5b7ded
```
#5b7ded rgb(91,125,237)
```

Monochromatic Color

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

#197ae2
```
#197ae2 rgb(25,122,226)
```
#196ae2
```
#196ae2 rgb(25,106,226)
```
#1959e2
```
#1959e2 rgb(25,89,226)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#1937e2
```
#1937e2 rgb(25,55,226)
```
#1927e2
```
#1927e2 rgb(25,39,226)
```
#1c19e2
```
#1c19e2 rgb(28,25,226)
```

Similar Colors

Text with hexadecimal color #1948e2

This text has a font color of #1948e2.

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

#1948e2 background color

This paragraph has a background color of #1948e2.

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

#1948e2 border color

This element has a border color of #1948e2.

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

CSS codes

.text {color:#1948e2;}

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

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

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

#02040e
```
#02040e rgb(2,4,14)
```
#040a20
```
#040a20 rgb(4,10,32)
```
#051031
```
#051031 rgb(5,16,49)
```
#071543
```
#071543 rgb(7,21,67)
```
#091b55
```
#091b55 rgb(9,27,85)
```
#0b2166
```
#0b2166 rgb(11,33,102)
```
#0d2678
```
#0d2678 rgb(13,38,120)
```
#0f2c8a
```
#0f2c8a rgb(15,44,138)
```
#11319b
```
#11319b rgb(17,49,155)
```
#1337ad
```
#1337ad rgb(19,55,173)
```
#153dbf
```
#153dbf rgb(21,61,191)
```
#1742d0
```
#1742d0 rgb(23,66,208)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```

Shade Color Variation

#2754e7
```
#2754e7 rgb(39,84,231)
```
#3962e9
```
#3962e9 rgb(57,98,233)
```
#4b70eb
```
#4b70eb rgb(75,112,235)
```
#5c7eed
```
#5c7eed rgb(92,126,237)
```
#6e8cef
```
#6e8cef rgb(110,140,239)
```
#809af1
```
#809af1 rgb(128,154,241)
```
#91a8f3
```
#91a8f3 rgb(145,168,243)
```
#a3b6f5
```
#a3b6f5 rgb(163,182,245)
```
#b5c4f7
```
#b5c4f7 rgb(181,196,247)
```
#c6d2f9
```
#c6d2f9 rgb(198,210,249)
```
#d8e0fb
```
#d8e0fb rgb(216,224,251)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#7a7b81
```
#7a7b81 rgb(122,123,129)
```
#70768b
```
#70768b rgb(112,118,139)
```
#667195
```
#667195 rgb(102,113,149)
```
#5d6c9e
```
#5d6c9e rgb(93,108,158)
```
#5367a8
```
#5367a8 rgb(83,103,168)
```
#4962b2
```
#4962b2 rgb(73,98,178)
```
#405dbb
```
#405dbb rgb(64,93,187)
```
#3657c5
```
#3657c5 rgb(54,87,197)
```
#2c52cf
```
#2c52cf rgb(44,82,207)
```
#234dd8
```
#234dd8 rgb(35,77,216)
```
#1948e2
```
#1948e2 rgb(25,72,226)
```
#0f43ec
```
#0f43ec rgb(15,67,236)
```
#063ef5
```
#063ef5 rgb(6,62,245)
```

Tone Color Variation

Below, you can see how #1948e2 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

#4c4c4c Achromatopsia 0.005% of the population
#424b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#0957c9 Protanomaly 1% of men, 0.01% of women
#095ab9 Deuteranomaly 6% of men, 0.4% of women
#095f9a Tritanomaly 0.01% of the population