#224cfa hex color

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

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

● #224cfa color description : Vivid blue.

The hexadecimal color #224cfa has RGB values of R:34, G:76, B:250 and CMYK values of C:0.86, M:0.7, Y:0, K:0.02. Its decimal value is 2247930.

Hex triplet	224cfa	`#224cfa`
RGB Decimal	34, 76, 250	`rgb(34,76,250)`
RGB Percent	13.3, 29.8, 98	`rgb(13.3%,29.8%,98%)`
CMYK	86, 70, 0, 2
HSL	228.3°, 95.6, 55.7	`hsl(228.3,95.6%,55.7%)`
HSV (or HSB)	228.3°, 86.4, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.86, 50.438, -89.149
XYZ	20.496, 12.41, 91.752
xyY	0.164, 0.1, 12.41
CIE-LCH	41.86, 102.428, 299.5
CIE-LUV	41.86, -15.08, -128.737
Hunter-Lab	35.227, 42.208, -129.767
Binary	00100010, 01001100, 11111010

#224cfa
```
#224cfa rgb(34,76,250)
```
#fad022
```
#fad022 rgb(250,208,34)
```

Complementary Color

#22b8fa
```
#22b8fa rgb(34,184,250)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#6422fa
```
#6422fa rgb(100,34,250)
```

Analogous Color

#b8fa22
```
#b8fa22 rgb(184,250,34)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#fa6422
```
#fa6422 rgb(250,100,34)
```

Split Complementary Color

#4cfa22
```
#4cfa22 rgb(76,250,34)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#fa224c
```
#fa224c rgb(250,34,76)
```

Triadic Color

#22fad0
```
#22fad0 rgb(34,250,208)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#fa224c
```
#fa224c rgb(250,34,76)
```
#fad022
```
#fad022 rgb(250,208,34)
```

Tetradic Color

#052bcb
```
#052bcb rgb(5,43,203)
```
#0530e4
```
#0530e4 rgb(5,48,228)
```
#0938f9
```
#0938f9 rgb(9,56,249)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#3b60fb
```
#3b60fb rgb(59,96,251)
```
#5474fb
```
#5474fb rgb(84,116,251)
```
#6d89fc
```
#6d89fc rgb(109,137,252)
```

Monochromatic Color

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

#2282fa
```
#2282fa rgb(34,130,250)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#225efa
```
#225efa rgb(34,94,250)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#223afa
```
#223afa rgb(34,58,250)
```
#2228fa
```
#2228fa rgb(34,40,250)
```
#2e22fa
```
#2e22fa rgb(46,34,250)
```

Similar Colors

Text with hexadecimal color #224cfa

This text has a font color of #224cfa.

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

#224cfa background color

This paragraph has a background color of #224cfa.

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

#224cfa border color

This element has a border color of #224cfa.

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

CSS codes

.text {color:#224cfa;}

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

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

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)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#020e43
```
#020e43 rgb(2,14,67)
```
#021256
```
#021256 rgb(2,18,86)
```
#021669
```
#021669 rgb(2,22,105)
```
#031a7c
```
#031a7c rgb(3,26,124)
```
#031f8f
```
#031f8f rgb(3,31,143)
```
#0423a3
```
#0423a3 rgb(4,35,163)
```
#0427b6
```
#0427b6 rgb(4,39,182)
```
#052bc9
```
#052bc9 rgb(5,43,201)
```
#052fdc
```
#052fdc rgb(5,47,220)
```
#0533ef
```
#0533ef rgb(5,51,239)
```

Shade Color Variation

#0f3cfa
```
#0f3cfa rgb(15,60,250)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#355cfa
```
#355cfa rgb(53,92,250)
```
#486bfb
```
#486bfb rgb(72,107,251)
```
#5c7bfb
```
#5c7bfb rgb(92,123,251)
```
#6f8afc
```
#6f8afc rgb(111,138,252)
```
#829afc
```
#829afc rgb(130,154,252)
```
#95a9fd
```
#95a9fd rgb(149,169,253)
```
#a8b9fd
```
#a8b9fd rgb(168,185,253)
```
#bbc8fd
```
#bbc8fd rgb(187,200,253)
```
#cfd8fe
```
#cfd8fe rgb(207,216,254)
```
#e2e7fe
```
#e2e7fe rgb(226,231,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 #224cfa is the most saturated one.

#8a8c92
```
#8a8c92 rgb(138,140,146)
```
#82869a
```
#82869a rgb(130,134,154)
```
#7981a3
```
#7981a3 rgb(121,129,163)
```
#707cac
```
#707cac rgb(112,124,172)
```
#6876b4
```
#6876b4 rgb(104,118,180)
```
#5f71bd
```
#5f71bd rgb(95,113,189)
```
#566cc6
```
#566cc6 rgb(86,108,198)
```
#4d67cf
```
#4d67cf rgb(77,103,207)
```
#4561d7
```
#4561d7 rgb(69,97,215)
```
#3c5ce0
```
#3c5ce0 rgb(60,92,224)
```
#3357e9
```
#3357e9 rgb(51,87,233)
```
#2b51f1
```
#2b51f1 rgb(43,81,241)
```
#224cfa
```
#224cfa rgb(34,76,250)
```

Tone Color Variation

Below, you can see how #224cfa 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
#495274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0c5ddb Protanomaly 1% of men, 0.01% of women
#0c61ca Deuteranomaly 6% of men, 0.4% of women
#0c66a9 Tritanomaly 0.01% of the population

#224cfa hex color

#224cfa Color Information

#224cfa Color Conversion

Color Schemes with #224cfa

Alternatives to #224cfa

#224cfa Preview

Shades and Tints of #224cfa

Tones of #224cfa

Color Blindness Simulator