#2249f2 hex color

In a RGB color space, hex #2249f2 is composed of 13.3% red, 28.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 69.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.8 degrees, a saturation of 88.9% and a lightness of 54.1%. #2249f2 color hex could be obtained by blending #4492ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 95
RGB color chart
- C 86
- M 70
- Y 0
- K 5
CMYK color chart

● #2249f2 color description : Vivid blue.

The hexadecimal color #2249f2 has RGB values of R:34, G:73, B:242 and CMYK values of C:0.86, M:0.7, Y:0, K:0.05. Its decimal value is 2247154.

Hex triplet	2249f2	`#2249f2`
RGB Decimal	34, 73, 242	`rgb(34,73,242)`
RGB Percent	13.3, 28.6, 94.9	`rgb(13.3%,28.6%,94.9%)`
CMYK	86, 70, 0, 5
HSL	228.8°, 88.9, 54.1	`hsl(228.8,88.9%,54.1%)`
HSV (or HSB)	228.8°, 86, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.434, 49.442, -87.012
XYZ	19.066, 11.515, 85.217
xyY	0.165, 0.099, 11.515
CIE-LCH	40.434, 100.078, 299.606
CIE-LUV	40.434, -14.399, -124.433
Hunter-Lab	33.933, 40.911, -125.144
Binary	00100010, 01001001, 11110010

#2249f2
```
#2249f2 rgb(34,73,242)
```
#f2cb22
```
#f2cb22 rgb(242,203,34)
```

Complementary Color

#22b1f2
```
#22b1f2 rgb(34,177,242)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#6322f2
```
#6322f2 rgb(99,34,242)
```

Analogous Color

#b1f222
```
#b1f222 rgb(177,242,34)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#f26322
```
#f26322 rgb(242,99,34)
```

Split Complementary Color

#49f222
```
#49f222 rgb(73,242,34)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#f22249
```
#f22249 rgb(242,34,73)
```

Triadic Color

#22f2cb
```
#22f2cb rgb(34,242,203)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#f22249
```
#f22249 rgb(242,34,73)
```
#f2cb22
```
#f2cb22 rgb(242,203,34)
```

Tetradic Color

#0b2cbc
```
#0b2cbc rgb(11,44,188)
```
#0d32d5
```
#0d32d5 rgb(13,50,213)
```
#0e38ed
```
#0e38ed rgb(14,56,237)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#3a5df3
```
#3a5df3 rgb(58,93,243)
```
#5271f5
```
#5271f5 rgb(82,113,245)
```
#6a85f6
```
#6a85f6 rgb(106,133,246)
```

Monochromatic Color

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

#227df2
```
#227df2 rgb(34,125,242)
```
#226cf2
```
#226cf2 rgb(34,108,242)
```
#225af2
```
#225af2 rgb(34,90,242)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#2238f2
```
#2238f2 rgb(34,56,242)
```
#2226f2
```
#2226f2 rgb(34,38,242)
```
#2f22f2
```
#2f22f2 rgb(47,34,242)
```

Similar Colors

Text with hexadecimal color #2249f2

This text has a font color of #2249f2.

<span style="color:#2249f2;">Text here</span>

#2249f2 background color

This paragraph has a background color of #2249f2.

<p style="background-color:#2249f2;">Content here</p>

#2249f2 border color

This element has a border color of #2249f2.

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

CSS codes

.text {color:#2249f2;}

.background {background-color:#2249f2;}

.border {border:1px solid #2249f2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#020926
```
#020926 rgb(2,9,38)
```
#030d39
```
#030d39 rgb(3,13,57)
```
#04124b
```
#04124b rgb(4,18,75)
```
#06165e
```
#06165e rgb(6,22,94)
```
#071a70
```
#071a70 rgb(7,26,112)
```
#081f83
```
#081f83 rgb(8,31,131)
```
#092396
```
#092396 rgb(9,35,150)
```
#0a28a8
```
#0a28a8 rgb(10,40,168)
```
#0b2cbb
```
#0b2cbb rgb(11,44,187)
```
#0c30cd
```
#0c30cd rgb(12,48,205)
```
#0d35e0
```
#0d35e0 rgb(13,53,224)
```

Shade Color Variation

#0f3af1
```
#0f3af1 rgb(15,58,241)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#3558f3
```
#3558f3 rgb(53,88,243)
```
#4768f4
```
#4768f4 rgb(71,104,244)
```
#5a77f5
```
#5a77f5 rgb(90,119,245)
```
#6c86f6
```
#6c86f6 rgb(108,134,246)
```
#7f95f7
```
#7f95f7 rgb(127,149,247)
```
#91a5f9
```
#91a5f9 rgb(145,165,249)
```
#a4b4fa
```
#a4b4fa rgb(164,180,250)
```
#b6c3fb
```
#b6c3fb rgb(182,195,251)
```
#c9d2fc
```
#c9d2fc rgb(201,210,252)
```
#dbe2fd
```
#dbe2fd rgb(219,226,253)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85878f is the less saturated color, while #1943fb is the most saturated one.

#85878f
```
#85878f rgb(133,135,143)
```
#7c8198
```
#7c8198 rgb(124,129,152)
```
#737ca1
```
#737ca1 rgb(115,124,161)
```
#6a76aa
```
#6a76aa rgb(106,118,170)
```
#6170b3
```
#6170b3 rgb(97,112,179)
```
#586bbc
```
#586bbc rgb(88,107,188)
```
#4f65c5
```
#4f65c5 rgb(79,101,197)
```
#4660ce
```
#4660ce rgb(70,96,206)
```
#3d5ad7
```
#3d5ad7 rgb(61,90,215)
```
#3454e0
```
#3454e0 rgb(52,84,224)
```
#2b4fe9
```
#2b4fe9 rgb(43,79,233)
```
#2249f2
```
#2249f2 rgb(34,73,242)
```
#1943fb
```
#1943fb rgb(25,67,251)
```

Tone Color Variation

Below, you can see how #2249f2 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
#484f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0c5ad4 Protanomaly 1% of men, 0.01% of women
#0c5ec3 Deuteranomaly 6% of men, 0.4% of women
#0c63a3 Tritanomaly 0.01% of the population

#2249f2 hex color

#2249f2 Color Information

#2249f2 Color Conversion

Color Schemes with #2249f2

Alternatives to #2249f2

#2249f2 Preview

Shades and Tints of #2249f2

Tones of #2249f2

Color Blindness Simulator