#0248ff hex color

In a RGB color space, hex #0248ff is composed of 0.8% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 223.4 degrees, a saturation of 100% and a lightness of 50.4%. #0248ff color hex could be obtained by blending #0490ff with #0000ff. Closest websafe color is: #0033ff.

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

● #0248ff color description : Vivid blue.

The hexadecimal color #0248ff has RGB values of R:2, G:72, B:255 and CMYK values of C:0.99, M:0.72, Y:0, K:0. Its decimal value is 149759.

Hex triplet	0248ff	`#0248ff`
RGB Decimal	2, 72, 255	`rgb(2,72,255)`
RGB Percent	0.8, 28.2, 100	`rgb(0.8%,28.2%,100%)`
CMYK	99, 72, 0, 0
HSL	223.4°, 100, 50.4	`hsl(223.4,100%,50.4%)`
HSV (or HSB)	223.4°, 99.2, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.002, 53.61, -93.378
XYZ	20.389, 11.866, 95.818
xyY	0.159, 0.093, 11.866
CIE-LCH	41.002, 107.673, 299.861
CIE-LUV	41.002, -15.977, -132.469
Hunter-Lab	34.447, 45.369, -140.809
Binary	00000010, 01001000, 11111111

#0248ff
```
#0248ff rgb(2,72,255)
```
#ffb902
```
#ffb902 rgb(255,185,2)
```

Complementary Color

#02c7ff
```
#02c7ff rgb(2,199,255)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#3b02ff
```
#3b02ff rgb(59,2,255)
```

Analogous Color

#c7ff02
```
#c7ff02 rgb(199,255,2)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#ff3b02
```
#ff3b02 rgb(255,59,2)
```

Split Complementary Color

#48ff02
```
#48ff02 rgb(72,255,2)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#ff0248
```
#ff0248 rgb(255,2,72)
```

Triadic Color

#02ffb9
```
#02ffb9 rgb(2,255,185)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#ff0248
```
#ff0248 rgb(255,2,72)
```
#ffb902
```
#ffb902 rgb(255,185,2)
```

Tetradic Color

#0032b5
```
#0032b5 rgb(0,50,181)
```
#0039ce
```
#0039ce rgb(0,57,206)
```
#0040e8
```
#0040e8 rgb(0,64,232)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#1c5aff
```
#1c5aff rgb(28,90,255)
```
#356dff
```
#356dff rgb(53,109,255)
```
#4f7fff
```
#4f7fff rgb(79,127,255)
```

Monochromatic Color

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

#0287ff
```
#0287ff rgb(2,135,255)
```
#0272ff
```
#0272ff rgb(2,114,255)
```
#025dff
```
#025dff rgb(2,93,255)
```
#0248ff
```
#0248ff rgb(2,72,255)
```
#0233ff
```
#0233ff rgb(2,51,255)
```
#021eff
```
#021eff rgb(2,30,255)
```
#0209ff
```
#0209ff rgb(2,9,255)
```

Similar Colors

Text with hexadecimal color #0248ff

This text has a font color of #0248ff.

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

#0248ff background color

This paragraph has a background color of #0248ff.

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

#0248ff border color

This element has a border color of #0248ff.

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

CSS codes

.text {color:#0248ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000616
```
#000616 rgb(0,6,22)
```
#000b29
```
#000b29 rgb(0,11,41)
```
#00113d
```
#00113d rgb(0,17,61)
```
#001650
```
#001650 rgb(0,22,80)
```
#001c64
```
#001c64 rgb(0,28,100)
```
#002178
```
#002178 rgb(0,33,120)
```
#00278b
```
#00278b rgb(0,39,139)
```
#002c9f
```
#002c9f rgb(0,44,159)
```
#0031b3
```
#0031b3 rgb(0,49,179)
```
#0037c6
```
#0037c6 rgb(0,55,198)
```
#003cda
```
#003cda rgb(0,60,218)
```
#0042ed
```
#0042ed rgb(0,66,237)
```

Shade Color Variation

#0248ff
```
#0248ff rgb(2,72,255)
```
#1656ff
```
#1656ff rgb(22,86,255)
```
#2964ff
```
#2964ff rgb(41,100,255)
```
#3d73ff
```
#3d73ff rgb(61,115,255)
```
#5081ff
```
#5081ff rgb(80,129,255)
```
#648fff
```
#648fff rgb(100,143,255)
```
#789dff
```
#789dff rgb(120,157,255)
```
#8babff
```
#8babff rgb(139,171,255)
```
#9fbaff
```
#9fbaff rgb(159,186,255)
```
#b3c8ff
```
#b3c8ff rgb(179,200,255)
```
#c6d6ff
```
#c6d6ff rgb(198,214,255)
```
#dae4ff
```
#dae4ff rgb(218,228,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#777c8a
```
#777c8a rgb(119,124,138)
```
#6d7894
```
#6d7894 rgb(109,120,148)
```
#63739e
```
#63739e rgb(99,115,158)
```
#5a6fa7
```
#5a6fa7 rgb(90,111,167)
```
#506bb1
```
#506bb1 rgb(80,107,177)
```
#4666bb
```
#4666bb rgb(70,102,187)
```
#3c62c5
```
#3c62c5 rgb(60,98,197)
```
#335ece
```
#335ece rgb(51,94,206)
```
#2959d8
```
#2959d8 rgb(41,89,216)
```
#1f55e2
```
#1f55e2 rgb(31,85,226)
```
#1551ec
```
#1551ec rgb(21,81,236)
```
#0c4cf5
```
#0c4cf5 rgb(12,76,245)
```
#0248ff
```
#0248ff rgb(2,72,255)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3a486d 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

#005bda Protanomaly 1% of men, 0.01% of women
#005ec9 Deuteranomaly 6% of men, 0.4% of women
#0063a9 Tritanomaly 0.01% of the population

#0248ff hex color

#0248ff Color Information

#0248ff Color Conversion

Color Schemes with #0248ff

Alternatives to #0248ff

#0248ff Preview

Shades and Tints of #0248ff

Tones of #0248ff

Color Blindness Simulator