#2848ff hex color

In a RGB color space, hex #2848ff is composed of 15.7% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 231.1 degrees, a saturation of 100% and a lightness of 57.8%. #2848ff color hex could be obtained by blending #5090ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 28
- B 100
RGB color chart
- C 84
- M 72
- Y 0
- K 0
CMYK color chart

● #2848ff color description : Vivid blue.

The hexadecimal color #2848ff has RGB values of R:40, G:72, B:255 and CMYK values of C:0.84, M:0.72, Y:0, K:0. Its decimal value is 2640127.

Hex triplet	2848ff	`#2848ff`
RGB Decimal	40, 72, 255	`rgb(40,72,255)`
RGB Percent	15.7, 28.2, 100	`rgb(15.7%,28.2%,100%)`
CMYK	84, 72, 0, 0
HSL	231.1°, 100, 57.8	`hsl(231.1,100%,57.8%)`
HSV (or HSB)	231.1°, 84.3, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.696, 54.724, -92.209
XYZ	21.239, 12.304, 95.858
xyY	0.164, 0.095, 12.304
CIE-LCH	41.696, 107.225, 300.688
CIE-LUV	41.696, -13.903, -132.197
Hunter-Lab	35.077, 46.693, -137.471
Binary	00101000, 01001000, 11111111

#2848ff
```
#2848ff rgb(40,72,255)
```
#ffdf28
```
#ffdf28 rgb(255,223,40)
```

Complementary Color

#28b4ff
```
#28b4ff rgb(40,180,255)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#7428ff
```
#7428ff rgb(116,40,255)
```

Analogous Color

#b4ff28
```
#b4ff28 rgb(180,255,40)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#ff7428
```
#ff7428 rgb(255,116,40)
```

Split Complementary Color

#48ff28
```
#48ff28 rgb(72,255,40)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#ff2848
```
#ff2848 rgb(255,40,72)
```

Triadic Color

#28ffdf
```
#28ffdf rgb(40,255,223)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#ff2848
```
#ff2848 rgb(255,40,72)
```
#ffdf28
```
#ffdf28 rgb(255,223,40)
```

Tetradic Color

#0021db
```
#0021db rgb(0,33,219)
```
#0024f4
```
#0024f4 rgb(0,36,244)
```
#0f32ff
```
#0f32ff rgb(15,50,255)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#425eff
```
#425eff rgb(66,94,255)
```
#5b73ff
```
#5b73ff rgb(91,115,255)
```
#7589ff
```
#7589ff rgb(117,137,255)
```

Monochromatic Color

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

#287eff
```
#287eff rgb(40,126,255)
```
#286cff
```
#286cff rgb(40,108,255)
```
#285aff
```
#285aff rgb(40,90,255)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#2836ff
```
#2836ff rgb(40,54,255)
```
#2c28ff
```
#2c28ff rgb(44,40,255)
```
#3e28ff
```
#3e28ff rgb(62,40,255)
```

Similar Colors

Text with hexadecimal color #2848ff

This text has a font color of #2848ff.

<span style="color:#2848ff;">Text here</span>

#2848ff background color

This paragraph has a background color of #2848ff.

<p style="background-color:#2848ff;">Content here</p>

#2848ff border color

This element has a border color of #2848ff.

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

CSS codes

.text {color:#2848ff;}

.background {background-color:#2848ff;}

.border {border:1px solid #2848ff;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000314
```
#000314 rgb(0,3,20)
```
#000628
```
#000628 rgb(0,6,40)
```
#00093c
```
#00093c rgb(0,9,60)
```
#000c4f
```
#000c4f rgb(0,12,79)
```
#000f63
```
#000f63 rgb(0,15,99)
```
#001276
```
#001276 rgb(0,18,118)
```
#00158a
```
#00158a rgb(0,21,138)
```
#00179e
```
#00179e rgb(0,23,158)
```
#001ab1
```
#001ab1 rgb(0,26,177)
```
#001dc5
```
#001dc5 rgb(0,29,197)
```
#0020d9
```
#0020d9 rgb(0,32,217)
```
#0023ec
```
#0023ec rgb(0,35,236)
```

Shade Color Variation

#0127ff
```
#0127ff rgb(1,39,255)
```
#1437ff
```
#1437ff rgb(20,55,255)
```
#2848ff
```
#2848ff rgb(40,72,255)
```
#3c59ff
```
#3c59ff rgb(60,89,255)
```
#4f69ff
```
#4f69ff rgb(79,105,255)
```
#637aff
```
#637aff rgb(99,122,255)
```
#768bff
```
#768bff rgb(118,139,255)
```
#8a9bff
```
#8a9bff rgb(138,155,255)
```
#9eacff
```
#9eacff rgb(158,172,255)
```
#b1bdff
```
#b1bdff rgb(177,189,255)
```
#c5ceff
```
#c5ceff rgb(197,206,255)
```
#d9deff
```
#d9deff rgb(217,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e9c is the less saturated color, while #2848ff is the most saturated one.

#8b8e9c
```
#8b8e9c rgb(139,142,156)
```
#8388a4
```
#8388a4 rgb(131,136,164)
```
#7b82ac
```
#7b82ac rgb(123,130,172)
```
#727cb5
```
#727cb5 rgb(114,124,181)
```
#6a76bd
```
#6a76bd rgb(106,118,189)
```
#6271c5
```
#6271c5 rgb(98,113,197)
```
#5a6bcd
```
#5a6bcd rgb(90,107,205)
```
#5165d6
```
#5165d6 rgb(81,101,214)
```
#495fde
```
#495fde rgb(73,95,222)
```
#4159e6
```
#4159e6 rgb(65,89,230)
```
#3954ee
```
#3954ee rgb(57,84,238)
```
#304ef7
```
#304ef7 rgb(48,78,247)
```
#2848ff
```
#2848ff rgb(40,72,255)
```

Tone Color Variation

Below, you can see how #2848ff 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

#535353 Achromatopsia 0.005% of the population
#4a5175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0e5cdc Protanomaly 1% of men, 0.01% of women
#0e5fcb Deuteranomaly 6% of men, 0.4% of women
#0e64aa Tritanomaly 0.01% of the population

#2848ff hex color

#2848ff Color Information

#2848ff Color Conversion

Color Schemes with #2848ff

Alternatives to #2848ff

#2848ff Preview

Shades and Tints of #2848ff

Tones of #2848ff

Color Blindness Simulator