#224feb hex color

In a RGB color space, hex #224feb is composed of 13.3% red, 31% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 66.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 226.6 degrees, a saturation of 83.4% and a lightness of 52.7%. #224feb color hex could be obtained by blending #449eff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 31
- B 92
RGB color chart
- C 86
- M 66
- Y 0
- K 8
CMYK color chart

● #224feb color description : Vivid blue.

The hexadecimal color #224feb has RGB values of R:34, G:79, B:235 and CMYK values of C:0.86, M:0.66, Y:0, K:0.08. Its decimal value is 2248683.

Hex triplet	224feb	`#224feb`
RGB Decimal	34, 79, 235	`rgb(34,79,235)`
RGB Percent	13.3, 31, 92.2	`rgb(13.3%,31%,92.2%)`
CMYK	86, 66, 0, 8
HSL	226.6°, 83.4, 52.7	`hsl(226.6,83.4%,52.7%)`
HSV (or HSB)	226.6°, 85.5, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.103, 43.362, -81.96
XYZ	18.448, 11.929, 79.923
xyY	0.167, 0.108, 11.929
CIE-LCH	41.103, 92.724, 297.882
CIE-LUV	41.103, -15.516, -119.021
Hunter-Lab	34.538, 34.901, -113.024
Binary	00100010, 01001111, 11101011

#224feb
```
#224feb rgb(34,79,235)
```
#ebbe22
```
#ebbe22 rgb(235,190,34)
```

Complementary Color

#22b4eb
```
#22b4eb rgb(34,180,235)
```
#224feb
```
#224feb rgb(34,79,235)
```
#5922eb
```
#5922eb rgb(89,34,235)
```

Analogous Color

#b4eb22
```
#b4eb22 rgb(180,235,34)
```
#224feb
```
#224feb rgb(34,79,235)
```
#eb5922
```
#eb5922 rgb(235,89,34)
```

Split Complementary Color

#4feb22
```
#4feb22 rgb(79,235,34)
```
#224feb
```
#224feb rgb(34,79,235)
```
#eb224f
```
#eb224f rgb(235,34,79)
```

Triadic Color

#22ebbe
```
#22ebbe rgb(34,235,190)
```
#224feb
```
#224feb rgb(34,79,235)
```
#eb224f
```
#eb224f rgb(235,34,79)
```
#ebbe22
```
#ebbe22 rgb(235,190,34)
```

Tetradic Color

#1034b1
```
#1034b1 rgb(16,52,177)
```
#123bc8
```
#123bc8 rgb(18,59,200)
```
#1442df
```
#1442df rgb(20,66,223)
```
#224feb
```
#224feb rgb(34,79,235)
```
#3962ed
```
#3962ed rgb(57,98,237)
```
#5174ef
```
#5174ef rgb(81,116,239)
```
#6887f1
```
#6887f1 rgb(104,135,241)
```

Monochromatic Color

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

#2281eb
```
#2281eb rgb(34,129,235)
```
#2271eb
```
#2271eb rgb(34,113,235)
```
#2260eb
```
#2260eb rgb(34,96,235)
```
#224feb
```
#224feb rgb(34,79,235)
```
#223eeb
```
#223eeb rgb(34,62,235)
```
#222eeb
```
#222eeb rgb(34,46,235)
```
#2722eb
```
#2722eb rgb(39,34,235)
```

Similar Colors

Text with hexadecimal color #224feb

This text has a font color of #224feb.

<span style="color:#224feb;">Text here</span>

#224feb background color

This paragraph has a background color of #224feb.

<p style="background-color:#224feb;">Content here</p>

#224feb border color

This element has a border color of #224feb.

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

CSS codes

.text {color:#224feb;}

.background {background-color:#224feb;}

.border {border:1px solid #224feb;}

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

#01040d
```
#01040d rgb(1,4,13)
```
#03091f
```
#03091f rgb(3,9,31)
```
#040e31
```
#040e31 rgb(4,14,49)
```
#061443
```
#061443 rgb(6,20,67)
```
#081955
```
#081955 rgb(8,25,85)
```
#091e67
```
#091e67 rgb(9,30,103)
```
#0b2479
```
#0b2479 rgb(11,36,121)
```
#0d298b
```
#0d298b rgb(13,41,139)
```
#0e2e9d
```
#0e2e9d rgb(14,46,157)
```
#1033af
```
#1033af rgb(16,51,175)
```
#1139c1
```
#1139c1 rgb(17,57,193)
```
#133ed3
```
#133ed3 rgb(19,62,211)
```
#1543e5
```
#1543e5 rgb(21,67,229)
```

Shade Color Variation

#224feb
```
#224feb rgb(34,79,235)
```
#345ded
```
#345ded rgb(52,93,237)
```
#466cee
```
#466cee rgb(70,108,238)
```
#587af0
```
#587af0 rgb(88,122,240)
```
#6a88f2
```
#6a88f2 rgb(106,136,242)
```
#7c97f3
```
#7c97f3 rgb(124,151,243)
```
#8ea5f5
```
#8ea5f5 rgb(142,165,245)
```
#a0b3f6
```
#a0b3f6 rgb(160,179,246)
```
#b2c2f8
```
#b2c2f8 rgb(178,194,248)
```
#c4d0fa
```
#c4d0fa rgb(196,208,250)
```
#d6defb
```
#d6defb rgb(214,222,251)
```
#e8edfd
```
#e8edfd rgb(232,237,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f828e is the less saturated color, while #0f45fe is the most saturated one.

#7f828e
```
#7f828e rgb(127,130,142)
```
#757d98
```
#757d98 rgb(117,125,152)
```
#6c78a1
```
#6c78a1 rgb(108,120,161)
```
#6373aa
```
#6373aa rgb(99,115,170)
```
#5a6eb3
```
#5a6eb3 rgb(90,110,179)
```
#5069bd
```
#5069bd rgb(80,105,189)
```
#4763c6
```
#4763c6 rgb(71,99,198)
```
#3e5ecf
```
#3e5ecf rgb(62,94,207)
```
#3559d8
```
#3559d8 rgb(53,89,216)
```
#2b54e2
```
#2b54e2 rgb(43,84,226)
```
#224feb
```
#224feb rgb(34,79,235)
```
#194af4
```
#194af4 rgb(25,74,244)
```
#0f45fe
```
#0f45fe rgb(15,69,254)
```

Tone Color Variation

Below, you can see how #224feb 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

#535353 Achromatopsia 0.005% of the population
#495271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0c5dd4 Protanomaly 1% of men, 0.01% of women
#0c61c3 Deuteranomaly 6% of men, 0.4% of women
#0c66a2 Tritanomaly 0.01% of the population

#224feb hex color

#224feb Color Information

#224feb Color Conversion

Color Schemes with #224feb

Alternatives to #224feb

#224feb Preview

Shades and Tints of #224feb

Tones of #224feb

Color Blindness Simulator