#224ffa hex color

In a RGB color space, hex #224ffa is composed of 13.3% red, 31% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 68.4% magenta, 0% yellow and 2% black. It has a hue angle of 227.5 degrees, a saturation of 95.6% and a lightness of 55.7%. #224ffa color hex could be obtained by blending #449eff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 31
- B 98
RGB color chart
- C 86
- M 68
- Y 0
- K 2
CMYK color chart

● #224ffa color description : Vivid blue.

The hexadecimal color #224ffa has RGB values of R:34, G:79, B:250 and CMYK values of C:0.86, M:0.68, Y:0, K:0.02. Its decimal value is 2248698.

Hex triplet	224ffa	`#224ffa`
RGB Decimal	34, 79, 250	`rgb(34,79,250)`
RGB Percent	13.3, 31, 98	`rgb(13.3%,31%,98%)`
CMYK	86, 68, 0, 2
HSL	227.5°, 95.6, 55.7	`hsl(227.5,95.6%,55.7%)`
HSV (or HSB)	227.5°, 86.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.51, 48.663, -88.077
XYZ	20.707, 12.833, 91.823
xyY	0.165, 0.102, 12.833
CIE-LCH	42.51, 100.626, 298.921
CIE-LUV	42.51, -15.66, -128.205
Hunter-Lab	35.823, 40.493, -126.9
Binary	00100010, 01001111, 11111010

#224ffa
```
#224ffa rgb(34,79,250)
```
#facd22
```
#facd22 rgb(250,205,34)
```

Complementary Color

#22bbfa
```
#22bbfa rgb(34,187,250)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#6122fa
```
#6122fa rgb(97,34,250)
```

Analogous Color

#bbfa22
```
#bbfa22 rgb(187,250,34)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#fa6122
```
#fa6122 rgb(250,97,34)
```

Split Complementary Color

#4ffa22
```
#4ffa22 rgb(79,250,34)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#fa224f
```
#fa224f rgb(250,34,79)
```

Triadic Color

#22facd
```
#22facd rgb(34,250,205)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#fa224f
```
#fa224f rgb(250,34,79)
```
#facd22
```
#facd22 rgb(250,205,34)
```

Tetradic Color

#052ecb
```
#052ecb rgb(5,46,203)
```
#0534e4
```
#0534e4 rgb(5,52,228)
```
#093bf9
```
#093bf9 rgb(9,59,249)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#3b63fb
```
#3b63fb rgb(59,99,251)
```
#5477fb
```
#5477fb rgb(84,119,251)
```
#6d8bfc
```
#6d8bfc rgb(109,139,252)
```

Monochromatic Color

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

#2285fa
```
#2285fa rgb(34,133,250)
```
#2273fa
```
#2273fa rgb(34,115,250)
```
#2261fa
```
#2261fa rgb(34,97,250)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#223dfa
```
#223dfa rgb(34,61,250)
```
#222bfa
```
#222bfa rgb(34,43,250)
```
#2b22fa
```
#2b22fa rgb(43,34,250)
```

Similar Colors

Text with hexadecimal color #224ffa

This text has a font color of #224ffa.

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

#224ffa background color

This paragraph has a background color of #224ffa.

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

#224ffa border color

This element has a border color of #224ffa.

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

CSS codes

.text {color:#224ffa;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#010b30
```
#010b30 rgb(1,11,48)
```
#020f43
```
#020f43 rgb(2,15,67)
```
#021356
```
#021356 rgb(2,19,86)
```
#021869
```
#021869 rgb(2,24,105)
```
#031c7c
```
#031c7c rgb(3,28,124)
```
#03208f
```
#03208f rgb(3,32,143)
```
#0425a3
```
#0425a3 rgb(4,37,163)
```
#0429b6
```
#0429b6 rgb(4,41,182)
```
#052dc9
```
#052dc9 rgb(5,45,201)
```
#0532dc
```
#0532dc rgb(5,50,220)
```
#0536ef
```
#0536ef rgb(5,54,239)
```

Shade Color Variation

#0f40fa
```
#0f40fa rgb(15,64,250)
```
#224ffa
```
#224ffa rgb(34,79,250)
```
#355efa
```
#355efa rgb(53,94,250)
```
#486efb
```
#486efb rgb(72,110,251)
```
#5c7dfb
```
#5c7dfb rgb(92,125,251)
```
#6f8cfc
```
#6f8cfc rgb(111,140,252)
```
#829bfc
```
#829bfc rgb(130,155,252)
```
#95abfd
```
#95abfd rgb(149,171,253)
```
#a8bafd
```
#a8bafd rgb(168,186,253)
```
#bbc9fd
```
#bbc9fd rgb(187,201,253)
```
#cfd8fe
```
#cfd8fe rgb(207,216,254)
```
#e2e8fe
```
#e2e8fe rgb(226,232,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c92 is the less saturated color, while #224ffa is the most saturated one.

#8a8c92
```
#8a8c92 rgb(138,140,146)
```
#82879a
```
#82879a rgb(130,135,154)
```
#7982a3
```
#7982a3 rgb(121,130,163)
```
#707dac
```
#707dac rgb(112,125,172)
```
#6878b4
```
#6878b4 rgb(104,120,180)
```
#5f72bd
```
#5f72bd rgb(95,114,189)
```
#566dc6
```
#566dc6 rgb(86,109,198)
```
#4d68cf
```
#4d68cf rgb(77,104,207)
```
#4563d7
```
#4563d7 rgb(69,99,215)
```
#3c5ee0
```
#3c5ee0 rgb(60,94,224)
```
#3359e9
```
#3359e9 rgb(51,89,233)
```
#2b54f1
```
#2b54f1 rgb(43,84,241)
```
#224ffa
```
#224ffa rgb(34,79,250)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777c Tritanopia 0.001% of the population

Trichromacy

#0c5fdd Protanomaly 1% of men, 0.01% of women
#0c63cb Deuteranomaly 6% of men, 0.4% of women
#0c68aa Tritanomaly 0.01% of the population

#224ffa hex color

#224ffa Color Information

#224ffa Color Conversion

Color Schemes with #224ffa

Alternatives to #224ffa

#224ffa Preview

Shades and Tints of #224ffa

Tones of #224ffa

Color Blindness Simulator