#2848f8 hex color

In a RGB color space, hex #2848f8 is composed of 15.7% red, 28.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 71% magenta, 0% yellow and 2.7% black. It has a hue angle of 230.8 degrees, a saturation of 93.7% and a lightness of 56.5%. #2848f8 color hex could be obtained by blending #5090ff with #0000f1. Closest websafe color is: #3333ff.

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

● #2848f8 color description : Bright blue.

The hexadecimal color #2848f8 has RGB values of R:40, G:72, B:248 and CMYK values of C:0.84, M:0.71, Y:0, K:0.03. Its decimal value is 2640120.

Hex triplet	2848f8	`#2848f8`
RGB Decimal	40, 72, 248	`rgb(40,72,248)`
RGB Percent	15.7, 28.2, 97.3	`rgb(15.7%,28.2%,97.3%)`
CMYK	84, 71, 0, 3
HSL	230.8°, 93.7, 56.5	`hsl(230.8,93.7%,56.5%)`
HSV (or HSB)	230.8°, 83.9, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.995, 52.379, -89.45
XYZ	20.132, 11.862, 90.03
xyY	0.165, 0.097, 11.862
CIE-LCH	40.995, 103.658, 300.352
CIE-LUV	40.995, -13.762, -128.065
Hunter-Lab	34.441, 44.07, -130.879
Binary	00101000, 01001000, 11111000

#2848f8
```
#2848f8 rgb(40,72,248)
```
#f8d828
```
#f8d828 rgb(248,216,40)
```

Complementary Color

#28b0f8
```
#28b0f8 rgb(40,176,248)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#7028f8
```
#7028f8 rgb(112,40,248)
```

Analogous Color

#b0f828
```
#b0f828 rgb(176,248,40)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#f87028
```
#f87028 rgb(248,112,40)
```

Split Complementary Color

#48f828
```
#48f828 rgb(72,248,40)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#f82848
```
#f82848 rgb(248,40,72)
```

Triadic Color

#28f8d8
```
#28f8d8 rgb(40,248,216)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#f82848
```
#f82848 rgb(248,40,72)
```
#f8d828
```
#f8d828 rgb(248,216,40)
```

Tetradic Color

#0725cd
```
#0725cd rgb(7,37,205)
```
#072ae6
```
#072ae6 rgb(7,42,230)
```
#0f33f7
```
#0f33f7 rgb(15,51,247)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#415df9
```
#415df9 rgb(65,93,249)
```
#5972fa
```
#5972fa rgb(89,114,250)
```
#7287fa
```
#7287fa rgb(114,135,250)
```

Monochromatic Color

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

#287cf8
```
#287cf8 rgb(40,124,248)
```
#286bf8
```
#286bf8 rgb(40,107,248)
```
#2859f8
```
#2859f8 rgb(40,89,248)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#2837f8
```
#2837f8 rgb(40,55,248)
```
#2b28f8
```
#2b28f8 rgb(43,40,248)
```
#3c28f8
```
#3c28f8 rgb(60,40,248)
```

Similar Colors

Text with hexadecimal color #2848f8

This text has a font color of #2848f8.

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

#2848f8 background color

This paragraph has a background color of #2848f8.

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

#2848f8 border color

This element has a border color of #2848f8.

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

CSS codes

.text {color:#2848f8;}

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

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

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, #00020d is the darkest color, while #f9faff is the lightest one.

#00020d
```
#00020d rgb(0,2,13)
```
#010620
```
#010620 rgb(1,6,32)
```
#020933
```
#020933 rgb(2,9,51)
```
#020d46
```
#020d46 rgb(2,13,70)
```
#031059
```
#031059 rgb(3,16,89)
```
#04146c
```
#04146c rgb(4,20,108)
```
#04177f
```
#04177f rgb(4,23,127)
```
#051a92
```
#051a92 rgb(5,26,146)
```
#051ea5
```
#051ea5 rgb(5,30,165)
```
#0621b8
```
#0621b8 rgb(6,33,184)
```
#0725cb
```
#0725cb rgb(7,37,203)
```
#0728de
```
#0728de rgb(7,40,222)
```
#082cf1
```
#082cf1 rgb(8,44,241)
```

Shade Color Variation

#1538f7
```
#1538f7 rgb(21,56,247)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```
#3b58f9
```
#3b58f9 rgb(59,88,249)
```
#4e68f9
```
#4e68f9 rgb(78,104,249)
```
#6179fa
```
#6179fa rgb(97,121,250)
```
#7489fa
```
#7489fa rgb(116,137,250)
```
#8799fb
```
#8799fb rgb(135,153,251)
```
#9aa9fc
```
#9aa9fc rgb(154,169,252)
```
#adb9fc
```
#adb9fc rgb(173,185,252)
```
#c0c9fd
```
#c0c9fd rgb(192,201,253)
```
#d3dafe
```
#d3dafe rgb(211,218,254)
```
#e6eafe
```
#e6eafe rgb(230,234,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#8e8f92
```
#8e8f92 rgb(142,143,146)
```
#86899a
```
#86899a rgb(134,137,154)
```
#7d83a3
```
#7d83a3 rgb(125,131,163)
```
#757dab
```
#757dab rgb(117,125,171)
```
#6c77b4
```
#6c77b4 rgb(108,119,180)
```
#6471bc
```
#6471bc rgb(100,113,188)
```
#5b6bc5
```
#5b6bc5 rgb(91,107,197)
```
#5366cd
```
#5366cd rgb(83,102,205)
```
#4a60d6
```
#4a60d6 rgb(74,96,214)
```
#425ade
```
#425ade rgb(66,90,222)
```
#3954e7
```
#3954e7 rgb(57,84,231)
```
#314eef
```
#314eef rgb(49,78,239)
```
#2848f8
```
#2848f8 rgb(40,72,248)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a5073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#0e5bd8 Protanomaly 1% of men, 0.01% of women
#0e5ec7 Deuteranomaly 6% of men, 0.4% of women
#0e63a7 Tritanomaly 0.01% of the population

#2848f8 hex color

#2848f8 Color Information

#2848f8 Color Conversion

Color Schemes with #2848f8

Alternatives to #2848f8

#2848f8 Preview

Shades and Tints of #2848f8

Tones of #2848f8

Color Blindness Simulator