#2248f0 hex color

In a RGB color space, hex #2248f0 is composed of 13.3% red, 28.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 70% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.9 degrees, a saturation of 87.3% and a lightness of 53.7%. #2248f0 color hex could be obtained by blending #4490ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 28
- B 94
RGB color chart
- C 86
- M 70
- Y 0
- K 6
CMYK color chart

● #2248f0 color description : Vivid blue.

The hexadecimal color #2248f0 has RGB values of R:34, G:72, B:240 and CMYK values of C:0.86, M:0.7, Y:0, K:0.06. Its decimal value is 2246896.

Hex triplet	2248f0	`#2248f0`
RGB Decimal	34, 72, 240	`rgb(34,72,240)`
RGB Percent	13.3, 28.2, 94.1	`rgb(13.3%,28.2%,94.1%)`
CMYK	86, 70, 0, 6
HSL	228.9°, 87.3, 53.7	`hsl(228.9,87.3%,53.7%)`
HSV (or HSB)	228.9°, 85.8, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.023, 49.34, -86.563
XYZ	18.702, 11.265, 83.622
xyY	0.165, 0.099, 11.265
CIE-LCH	40.023, 99.638, 299.683
CIE-LUV	40.023, -14.18, -123.39
Hunter-Lab	33.563, 40.729, -124.227
Binary	00100010, 01001000, 11110000

#2248f0
```
#2248f0 rgb(34,72,240)
```
#f0ca22
```
#f0ca22 rgb(240,202,34)
```

Complementary Color

#22aff0
```
#22aff0 rgb(34,175,240)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#6322f0
```
#6322f0 rgb(99,34,240)
```

Analogous Color

#aff022
```
#aff022 rgb(175,240,34)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#f06322
```
#f06322 rgb(240,99,34)
```

Split Complementary Color

#48f022
```
#48f022 rgb(72,240,34)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#f02248
```
#f02248 rgb(240,34,72)
```

Triadic Color

#22f0ca
```
#22f0ca rgb(34,240,202)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#f02248
```
#f02248 rgb(240,34,72)
```
#f0ca22
```
#f0ca22 rgb(240,202,34)
```

Tetradic Color

#0d2cb9
```
#0d2cb9 rgb(13,44,185)
```
#0e32d1
```
#0e32d1 rgb(14,50,209)
```
#1038e9
```
#1038e9 rgb(16,56,233)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#3a5cf2
```
#3a5cf2 rgb(58,92,242)
```
#5270f3
```
#5270f3 rgb(82,112,243)
```
#6a83f5
```
#6a83f5 rgb(106,131,245)
```

Monochromatic Color

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

#227cf0
```
#227cf0 rgb(34,124,240)
```
#226af0
```
#226af0 rgb(34,106,240)
```
#2259f0
```
#2259f0 rgb(34,89,240)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#2237f0
```
#2237f0 rgb(34,55,240)
```
#2226f0
```
#2226f0 rgb(34,38,240)
```
#2f22f0
```
#2f22f0 rgb(47,34,240)
```

Similar Colors

Text with hexadecimal color #2248f0

This text has a font color of #2248f0.

<span style="color:#2248f0;">Text here</span>

#2248f0 background color

This paragraph has a background color of #2248f0.

<p style="background-color:#2248f0;">Content here</p>

#2248f0 border color

This element has a border color of #2248f0.

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

CSS codes

.text {color:#2248f0;}

.background {background-color:#2248f0;}

.border {border:1px solid #2248f0;}

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

#010412
```
#010412 rgb(1,4,18)
```
#020924
```
#020924 rgb(2,9,36)
```
#040d37
```
#040d37 rgb(4,13,55)
```
#051149
```
#051149 rgb(5,17,73)
```
#06165b
```
#06165b rgb(6,22,91)
```
#071a6e
```
#071a6e rgb(7,26,110)
```
#091f80
```
#091f80 rgb(9,31,128)
```
#0a2392
```
#0a2392 rgb(10,35,146)
```
#0b28a5
```
#0b28a5 rgb(11,40,165)
```
#0c2cb7
```
#0c2cb7 rgb(12,44,183)
```
#0e30c9
```
#0e30c9 rgb(14,48,201)
```
#0f35dc
```
#0f35dc rgb(15,53,220)
```
#1039ee
```
#1039ee rgb(16,57,238)
```

Shade Color Variation

#2248f0
```
#2248f0 rgb(34,72,240)
```
#3457f1
```
#3457f1 rgb(52,87,241)
```
#4766f2
```
#4766f2 rgb(71,102,242)
```
#5976f4
```
#5976f4 rgb(89,118,244)
```
#6b85f5
```
#6b85f5 rgb(107,133,245)
```
#7e94f6
```
#7e94f6 rgb(126,148,246)
```
#90a3f7
```
#90a3f7 rgb(144,163,247)
```
#a3b2f9
```
#a3b2f9 rgb(163,178,249)
```
#b5c2fa
```
#b5c2fa rgb(181,194,250)
```
#c7d1fb
```
#c7d1fb rgb(199,209,251)
```
#dae0fc
```
#dae0fc rgb(218,224,252)
```
#eceffe
```
#eceffe rgb(236,239,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878c is the less saturated color, while #1942f9 is the most saturated one.

#86878c
```
#86878c rgb(134,135,140)
```
#7d8195
```
#7d8195 rgb(125,129,149)
```
#747c9e
```
#747c9e rgb(116,124,158)
```
#6b76a7
```
#6b76a7 rgb(107,118,167)
```
#6270b0
```
#6270b0 rgb(98,112,176)
```
#586aba
```
#586aba rgb(88,106,186)
```
#4f65c3
```
#4f65c3 rgb(79,101,195)
```
#465fcc
```
#465fcc rgb(70,95,204)
```
#3d59d5
```
#3d59d5 rgb(61,89,213)
```
#3453de
```
#3453de rgb(52,83,222)
```
#2b4ee7
```
#2b4ee7 rgb(43,78,231)
```
#2248f0
```
#2248f0 rgb(34,72,240)
```
#1942f9
```
#1942f9 rgb(25,66,249)
```

Tone Color Variation

Below, you can see how #2248f0 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

#505050 Achromatopsia 0.005% of the population
#474e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0c59d2 Protanomaly 1% of men, 0.01% of women
#0c5dc2 Deuteranomaly 6% of men, 0.4% of women
#0c62a2 Tritanomaly 0.01% of the population

#2248f0 hex color

#2248f0 Color Information

#2248f0 Color Conversion

Color Schemes with #2248f0

Alternatives to #2248f0

#2248f0 Preview

Shades and Tints of #2248f0

Tones of #2248f0

Color Blindness Simulator