#2248fe hex color

In a RGB color space, hex #2248fe is composed of 13.3% red, 28.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 71.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.6 degrees, a saturation of 99.1% and a lightness of 56.5%. #2248fe color hex could be obtained by blending #4490ff with #0000fd. Closest websafe color is: #3333ff.

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

● #2248fe color description : Vivid blue.

The hexadecimal color #2248fe has RGB values of R:34, G:72, B:254 and CMYK values of C:0.87, M:0.72, Y:0, K:0. Its decimal value is 2246910.

Hex triplet	2248fe	`#2248fe`
RGB Decimal	34, 72, 254	`rgb(34,72,254)`
RGB Percent	13.3, 28.2, 99.6	`rgb(13.3%,28.2%,99.6%)`
CMYK	87, 72, 0, 0
HSL	229.6°, 99.1, 56.5	`hsl(229.6,99.1%,56.5%)`
HSV (or HSB)	229.6°, 86.6, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.42, 54.11, -92.111
XYZ	20.863, 12.129, 95.002
xyY	0.163, 0.095, 12.129
CIE-LCH	41.42, 106.829, 300.432
CIE-LUV	41.42, -14.412, -131.685
Hunter-Lab	34.827, 45.983, -137.356
Binary	00100010, 01001000, 11111110

#2248fe
```
#2248fe rgb(34,72,254)
```
#fed822
```
#fed822 rgb(254,216,34)
```

Complementary Color

#22b6fe
```
#22b6fe rgb(34,182,254)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#6a22fe
```
#6a22fe rgb(106,34,254)
```

Analogous Color

#b6fe22
```
#b6fe22 rgb(182,254,34)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#fe6a22
```
#fe6a22 rgb(254,106,34)
```

Split Complementary Color

#48fe22
```
#48fe22 rgb(72,254,34)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#fe2248
```
#fe2248 rgb(254,34,72)
```

Triadic Color

#22fed8
```
#22fed8 rgb(34,254,216)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#fe2248
```
#fe2248 rgb(254,34,72)
```
#fed822
```
#fed822 rgb(254,216,34)
```

Tetradic Color

#0125d3
```
#0125d3 rgb(1,37,211)
```
#012aec
```
#012aec rgb(1,42,236)
```
#0933fe
```
#0933fe rgb(9,51,254)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#3b5dfe
```
#3b5dfe rgb(59,93,254)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#6e87fe
```
#6e87fe rgb(110,135,254)
```

Monochromatic Color

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

#227ffe
```
#227ffe rgb(34,127,254)
```
#226dfe
```
#226dfe rgb(34,109,254)
```
#225afe
```
#225afe rgb(34,90,254)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#2236fe
```
#2236fe rgb(34,54,254)
```
#2223fe
```
#2223fe rgb(34,35,254)
```
#3322fe
```
#3322fe rgb(51,34,254)
```

Similar Colors

Text with hexadecimal color #2248fe

This text has a font color of #2248fe.

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

#2248fe background color

This paragraph has a background color of #2248fe.

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

#2248fe border color

This element has a border color of #2248fe.

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

CSS codes

.text {color:#2248fe;}

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

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

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)
```
#000621
```
#000621 rgb(0,6,33)
```
#000934
```
#000934 rgb(0,9,52)
```
#000d48
```
#000d48 rgb(0,13,72)
```
#00105b
```
#00105b rgb(0,16,91)
```
#01146f
```
#01146f rgb(1,20,111)
```
#011782
```
#011782 rgb(1,23,130)
```
#011a96
```
#011a96 rgb(1,26,150)
```
#011eaa
```
#011eaa rgb(1,30,170)
```
#0121bd
```
#0121bd rgb(1,33,189)
```
#0125d1
```
#0125d1 rgb(1,37,209)
```
#0128e4
```
#0128e4 rgb(1,40,228)
```
#012cf8
```
#012cf8 rgb(1,44,248)
```

Shade Color Variation

#0e38fe
```
#0e38fe rgb(14,56,254)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#3658fe
```
#3658fe rgb(54,88,254)
```
#4968fe
```
#4968fe rgb(73,104,254)
```
#5d79fe
```
#5d79fe rgb(93,121,254)
```
#7089fe
```
#7089fe rgb(112,137,254)
```
#8499fe
```
#8499fe rgb(132,153,254)
```
#97a9ff
```
#97a9ff rgb(151,169,255)
```
#abb9ff
```
#abb9ff rgb(171,185,255)
```
#bec9ff
```
#bec9ff rgb(190,201,255)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b98 is the less saturated color, while #2248fe is the most saturated one.

#888b98
```
#888b98 rgb(136,139,152)
```
#8085a0
```
#8085a0 rgb(128,133,160)
```
#7780a9
```
#7780a9 rgb(119,128,169)
```
#6f7ab1
```
#6f7ab1 rgb(111,122,177)
```
#6675ba
```
#6675ba rgb(102,117,186)
```
#5e6fc2
```
#5e6fc2 rgb(94,111,194)
```
#556acb
```
#556acb rgb(85,106,203)
```
#4d64d3
```
#4d64d3 rgb(77,100,211)
```
#445edc
```
#445edc rgb(68,94,220)
```
#3c59e4
```
#3c59e4 rgb(60,89,228)
```
#3353ed
```
#3353ed rgb(51,83,237)
```
#2b4ef5
```
#2b4ef5 rgb(43,78,245)
```
#2248fe
```
#2248fe rgb(34,72,254)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#484f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0c5bdb Protanomaly 1% of men, 0.01% of women
#0c5fca Deuteranomaly 6% of men, 0.4% of women
#0c64a9 Tritanomaly 0.01% of the population

#2248fe hex color

#2248fe Color Information

#2248fe Color Conversion

Color Schemes with #2248fe

Alternatives to #2248fe

#2248fe Preview

Shades and Tints of #2248fe

Tones of #2248fe

Color Blindness Simulator