#2248fd hex color

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

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

● #2248fd color description : Vivid blue.

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

Hex triplet	2248fd	`#2248fd`
RGB Decimal	34, 72, 253	`rgb(34,72,253)`
RGB Percent	13.3, 28.2, 99.2	`rgb(13.3%,28.2%,99.2%)`
CMYK	87, 72, 0, 1
HSL	229.6°, 98.2, 56.3	`hsl(229.6,98.2%,56.3%)`
HSV (or HSB)	229.6°, 86.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.319, 53.774, -91.72
XYZ	20.703, 12.065, 94.161
xyY	0.163, 0.095, 12.065
CIE-LCH	41.319, 106.321, 300.382
CIE-LUV	41.319, -14.394, -131.098
Hunter-Lab	34.735, 45.606, -136.412
Binary	00100010, 01001000, 11111101

#2248fd
```
#2248fd rgb(34,72,253)
```
#fdd722
```
#fdd722 rgb(253,215,34)
```

Complementary Color

#22b6fd
```
#22b6fd rgb(34,182,253)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#6a22fd
```
#6a22fd rgb(106,34,253)
```

Analogous Color

#b6fd22
```
#b6fd22 rgb(182,253,34)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#fd6a22
```
#fd6a22 rgb(253,106,34)
```

Split Complementary Color

#48fd22
```
#48fd22 rgb(72,253,34)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#fd2248
```
#fd2248 rgb(253,34,72)
```

Triadic Color

#22fdd7
```
#22fdd7 rgb(34,253,215)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#fd2248
```
#fd2248 rgb(253,34,72)
```
#fdd722
```
#fdd722 rgb(253,215,34)
```

Tetradic Color

#0226d1
```
#0226d1 rgb(2,38,209)
```
#022aea
```
#022aea rgb(2,42,234)
```
#0933fd
```
#0933fd rgb(9,51,253)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#3b5dfd
```
#3b5dfd rgb(59,93,253)
```
#5572fd
```
#5572fd rgb(85,114,253)
```
#6e87fe
```
#6e87fe rgb(110,135,254)
```

Monochromatic Color

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

#227ffd
```
#227ffd rgb(34,127,253)
```
#226dfd
```
#226dfd rgb(34,109,253)
```
#225afd
```
#225afd rgb(34,90,253)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#2236fd
```
#2236fd rgb(34,54,253)
```
#2224fd
```
#2224fd rgb(34,36,253)
```
#3322fd
```
#3322fd rgb(51,34,253)
```

Similar Colors

Text with hexadecimal color #2248fd

This text has a font color of #2248fd.

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

#2248fd background color

This paragraph has a background color of #2248fd.

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

#2248fd border color

This element has a border color of #2248fd.

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

CSS codes

.text {color:#2248fd;}

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

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

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

#00020c
```
#00020c rgb(0,2,12)
```
#000620
```
#000620 rgb(0,6,32)
```
#000933
```
#000933 rgb(0,9,51)
```
#010d47
```
#010d47 rgb(1,13,71)
```
#01105a
```
#01105a rgb(1,16,90)
```
#01146d
```
#01146d rgb(1,20,109)
```
#011781
```
#011781 rgb(1,23,129)
```
#011b94
```
#011b94 rgb(1,27,148)
```
#021ea8
```
#021ea8 rgb(2,30,168)
```
#0222bb
```
#0222bb rgb(2,34,187)
```
#0225cf
```
#0225cf rgb(2,37,207)
```
#0229e2
```
#0229e2 rgb(2,41,226)
```
#022cf6
```
#022cf6 rgb(2,44,246)
```

Shade Color Variation

#0f38fd
```
#0f38fd rgb(15,56,253)
```
#2248fd
```
#2248fd rgb(34,72,253)
```
#3558fd
```
#3558fd rgb(53,88,253)
```
#4968fd
```
#4968fd rgb(73,104,253)
```
#5c78fe
```
#5c78fe rgb(92,120,254)
```
#7088fe
```
#7088fe rgb(112,136,254)
```
#8398fe
```
#8398fe rgb(131,152,254)
```
#97a9fe
```
#97a9fe rgb(151,169,254)
```
#aab9fe
```
#aab9fe rgb(170,185,254)
```
#bec9fe
```
#bec9fe rgb(190,201,254)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#898b96
```
#898b96 rgb(137,139,150)
```
#80869f
```
#80869f rgb(128,134,159)
```
#7880a7
```
#7880a7 rgb(120,128,167)
```
#6f7ab0
```
#6f7ab0 rgb(111,122,176)
```
#6775b8
```
#6775b8 rgb(103,117,184)
```
#5e6fc1
```
#5e6fc1 rgb(94,111,193)
```
#556aca
```
#556aca rgb(85,106,202)
```
#4d64d2
```
#4d64d2 rgb(77,100,210)
```
#445edb
```
#445edb rgb(68,94,219)
```
#3c59e3
```
#3c59e3 rgb(60,89,227)
```
#3353ec
```
#3353ec rgb(51,83,236)
```
#2b4ef4
```
#2b4ef4 rgb(43,78,244)
```
#2248fd
```
#2248fd rgb(34,72,253)
```

Tone Color Variation

Below, you can see how #2248fd 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
#484f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

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

#2248fd hex color

#2248fd Color Information

#2248fd Color Conversion

Color Schemes with #2248fd

Alternatives to #2248fd

#2248fd Preview

Shades and Tints of #2248fd

Tones of #2248fd

Color Blindness Simulator