#2248ff hex color

In a RGB color space, hex #2248ff is composed of 13.3% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 229.7 degrees, a saturation of 100% and a lightness of 56.7%. #2248ff color hex could be obtained by blending #4490ff with #0000ff. 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

● #2248ff color description : Vivid blue.

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

Hex triplet	2248ff	`#2248ff`
RGB Decimal	34, 72, 255	`rgb(34,72,255)`
RGB Percent	13.3, 28.2, 100	`rgb(13.3%,28.2%,100%)`
CMYK	87, 72, 0, 0
HSL	229.7°, 100, 56.7	`hsl(229.7,100%,56.7%)`
HSV (or HSB)	229.7°, 86.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.522, 54.446, -92.502
XYZ	21.023, 12.193, 95.848
xyY	0.163, 0.094, 12.193
CIE-LCH	41.522, 107.336, 300.481
CIE-LUV	41.522, -14.429, -132.271
Hunter-Lab	34.919, 46.361, -138.301
Binary	00100010, 01001000, 11111111

#2248ff
```
#2248ff rgb(34,72,255)
```
#ffd922
```
#ffd922 rgb(255,217,34)
```

Complementary Color

#22b7ff
```
#22b7ff rgb(34,183,255)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#6b22ff
```
#6b22ff rgb(107,34,255)
```

Analogous Color

#b7ff22
```
#b7ff22 rgb(183,255,34)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#ff6b22
```
#ff6b22 rgb(255,107,34)
```

Split Complementary Color

#48ff22
```
#48ff22 rgb(72,255,34)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#ff2248
```
#ff2248 rgb(255,34,72)
```

Triadic Color

#22ffd9
```
#22ffd9 rgb(34,255,217)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#ff2248
```
#ff2248 rgb(255,34,72)
```
#ffd922
```
#ffd922 rgb(255,217,34)
```

Tetradic Color

#0025d5
```
#0025d5 rgb(0,37,213)
```
#0029ee
```
#0029ee rgb(0,41,238)
```
#0833ff
```
#0833ff rgb(8,51,255)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#3c5dff
```
#3c5dff rgb(60,93,255)
```
#5572ff
```
#5572ff rgb(85,114,255)
```
#6f87ff
```
#6f87ff rgb(111,135,255)
```

Monochromatic Color

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

#227fff
```
#227fff rgb(34,127,255)
```
#226dff
```
#226dff rgb(34,109,255)
```
#225aff
```
#225aff rgb(34,90,255)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#2236ff
```
#2236ff rgb(34,54,255)
```
#2223ff
```
#2223ff rgb(34,35,255)
```
#3322ff
```
#3322ff rgb(51,34,255)
```

Similar Colors

Text with hexadecimal color #2248ff

This text has a font color of #2248ff.

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

#2248ff background color

This paragraph has a background color of #2248ff.

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

#2248ff border color

This element has a border color of #2248ff.

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

CSS codes

.text {color:#2248ff;}

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

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

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

#00020e
```
#00020e rgb(0,2,14)
```
#000622
```
#000622 rgb(0,6,34)
```
#000936
```
#000936 rgb(0,9,54)
```
#000d49
```
#000d49 rgb(0,13,73)
```
#00105d
```
#00105d rgb(0,16,93)
```
#001370
```
#001370 rgb(0,19,112)
```
#001784
```
#001784 rgb(0,23,132)
```
#001a98
```
#001a98 rgb(0,26,152)
```
#001dab
```
#001dab rgb(0,29,171)
```
#0021bf
```
#0021bf rgb(0,33,191)
```
#0024d3
```
#0024d3 rgb(0,36,211)
```
#0028e6
```
#0028e6 rgb(0,40,230)
```
#002bfa
```
#002bfa rgb(0,43,250)
```

Shade Color Variation

#0e38ff
```
#0e38ff rgb(14,56,255)
```
#2248ff
```
#2248ff rgb(34,72,255)
```
#3658ff
```
#3658ff rgb(54,88,255)
```
#4968ff
```
#4968ff rgb(73,104,255)
```
#5d79ff
```
#5d79ff rgb(93,121,255)
```
#7089ff
```
#7089ff rgb(112,137,255)
```
#8499ff
```
#8499ff rgb(132,153,255)
```
#98a9ff
```
#98a9ff rgb(152,169,255)
```
#abbaff
```
#abbaff rgb(171,186,255)
```
#bfcaff
```
#bfcaff rgb(191,202,255)
```
#d3daff
```
#d3daff rgb(211,218,255)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#888b99
```
#888b99 rgb(136,139,153)
```
#8085a2
```
#8085a2 rgb(128,133,162)
```
#7780aa
```
#7780aa rgb(119,128,170)
```
#6f7ab3
```
#6f7ab3 rgb(111,122,179)
```
#6675bb
```
#6675bb rgb(102,117,187)
```
#5e6fc4
```
#5e6fc4 rgb(94,111,196)
```
#5569cc
```
#5569cc rgb(85,105,204)
```
#4d64d5
```
#4d64d5 rgb(77,100,213)
```
#445edd
```
#445edd rgb(68,94,221)
```
#3c59e6
```
#3c59e6 rgb(60,89,230)
```
#3353ee
```
#3353ee rgb(51,83,238)
```
#2b4ef7
```
#2b4ef7 rgb(43,78,247)
```
#2248ff
```
#2248ff rgb(34,72,255)
```

Tone Color Variation

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

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0c5bdc Protanomaly 1% of men, 0.01% of women
#0c5fcb Deuteranomaly 6% of men, 0.4% of women
#0c64aa Tritanomaly 0.01% of the population

#2248ff hex color

#2248ff Color Information

#2248ff Color Conversion

Color Schemes with #2248ff

Alternatives to #2248ff

#2248ff Preview

Shades and Tints of #2248ff

Tones of #2248ff

Color Blindness Simulator