#224afd hex color

In a RGB color space, hex #224afd is composed of 13.3% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 229 degrees, a saturation of 98.2% and a lightness of 56.3%. #224afd color hex could be obtained by blending #4494ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 99
RGB color chart
- C 87
- M 71
- Y 0
- K 1
CMYK color chart

● #224afd color description : Vivid blue.

The hexadecimal color #224afd has RGB values of R:34, G:74, B:253 and CMYK values of C:0.87, M:0.71, Y:0, K:0.01. Its decimal value is 2247421.

Hex triplet	224afd	`#224afd`
RGB Decimal	34, 74, 253	`rgb(34,74,253)`
RGB Percent	13.3, 29, 99.2	`rgb(13.3%,29%,99.2%)`
CMYK	87, 71, 0, 1
HSL	229°, 98.2, 56.3	`hsl(229,98.2%,56.3%)`
HSV (or HSB)	229°, 86.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.733, 52.628, -91.037
XYZ	20.834, 12.328, 94.205
xyY	0.164, 0.097, 12.328
CIE-LCH	41.733, 105.154, 300.032
CIE-LUV	41.733, -14.753, -130.829
Hunter-Lab	35.111, 44.475, -134.5
Binary	00100010, 01001010, 11111101

#224afd
```
#224afd rgb(34,74,253)
```
#fdd522
```
#fdd522 rgb(253,213,34)
```

Complementary Color

#22b8fd
```
#22b8fd rgb(34,184,253)
```
#224afd
```
#224afd rgb(34,74,253)
```
#6822fd
```
#6822fd rgb(104,34,253)
```

Analogous Color

#b8fd22
```
#b8fd22 rgb(184,253,34)
```
#224afd
```
#224afd rgb(34,74,253)
```
#fd6822
```
#fd6822 rgb(253,104,34)
```

Split Complementary Color

#4afd22
```
#4afd22 rgb(74,253,34)
```
#224afd
```
#224afd rgb(34,74,253)
```
#fd224a
```
#fd224a rgb(253,34,74)
```

Triadic Color

#22fdd5
```
#22fdd5 rgb(34,253,213)
```
#224afd
```
#224afd rgb(34,74,253)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#fdd522
```
#fdd522 rgb(253,213,34)
```

Tetradic Color

#0228d1
```
#0228d1 rgb(2,40,209)
```
#022cea
```
#022cea rgb(2,44,234)
```
#0935fd
```
#0935fd rgb(9,53,253)
```
#224afd
```
#224afd rgb(34,74,253)
```
#3b5ffd
```
#3b5ffd rgb(59,95,253)
```
#5573fd
```
#5573fd rgb(85,115,253)
```
#6e88fe
```
#6e88fe rgb(110,136,254)
```

Monochromatic Color

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

#2281fd
```
#2281fd rgb(34,129,253)
```
#226ffd
```
#226ffd rgb(34,111,253)
```
#225cfd
```
#225cfd rgb(34,92,253)
```
#224afd
```
#224afd rgb(34,74,253)
```
#2238fd
```
#2238fd rgb(34,56,253)
```
#2226fd
```
#2226fd rgb(34,38,253)
```
#3122fd
```
#3122fd rgb(49,34,253)
```

Similar Colors

Text with hexadecimal color #224afd

This text has a font color of #224afd.

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

#224afd background color

This paragraph has a background color of #224afd.

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

#224afd border color

This element has a border color of #224afd.

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

CSS codes

.text {color:#224afd;}

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

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

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

#00020c
```
#00020c rgb(0,2,12)
```
#000620
```
#000620 rgb(0,6,32)
```
#000a33
```
#000a33 rgb(0,10,51)
```
#010d47
```
#010d47 rgb(1,13,71)
```
#01115a
```
#01115a rgb(1,17,90)
```
#01156d
```
#01156d rgb(1,21,109)
```
#011881
```
#011881 rgb(1,24,129)
```
#011c94
```
#011c94 rgb(1,28,148)
```
#0220a8
```
#0220a8 rgb(2,32,168)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#0227cf
```
#0227cf rgb(2,39,207)
```
#022be2
```
#022be2 rgb(2,43,226)
```
#022ff6
```
#022ff6 rgb(2,47,246)
```

Shade Color Variation

#0f3afd
```
#0f3afd rgb(15,58,253)
```
#224afd
```
#224afd rgb(34,74,253)
```
#355afd
```
#355afd rgb(53,90,253)
```
#496afd
```
#496afd rgb(73,106,253)
```
#5c7afe
```
#5c7afe rgb(92,122,254)
```
#708afe
```
#708afe rgb(112,138,254)
```
#839afe
```
#839afe rgb(131,154,254)
```
#97aafe
```
#97aafe rgb(151,170,254)
```
#aab9fe
```
#aab9fe rgb(170,185,254)
```
#bec9fe
```
#bec9fe rgb(190,201,254)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#898b96
```
#898b96 rgb(137,139,150)
```
#80869f
```
#80869f rgb(128,134,159)
```
#7880a7
```
#7880a7 rgb(120,128,167)
```
#6f7bb0
```
#6f7bb0 rgb(111,123,176)
```
#6776b8
```
#6776b8 rgb(103,118,184)
```
#5e70c1
```
#5e70c1 rgb(94,112,193)
```
#556bca
```
#556bca rgb(85,107,202)
```
#4d65d2
```
#4d65d2 rgb(77,101,210)
```
#4460db
```
#4460db rgb(68,96,219)
```
#3c5ae3
```
#3c5ae3 rgb(60,90,227)
```
#3355ec
```
#3355ec rgb(51,85,236)
```
#2b4ff4
```
#2b4ff4 rgb(43,79,244)
```
#224afd
```
#224afd rgb(34,74,253)
```

Tone Color Variation

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

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0c5cdc Protanomaly 1% of men, 0.01% of women
#0c60ca Deuteranomaly 6% of men, 0.4% of women
#0c65aa Tritanomaly 0.01% of the population

#224afd hex color

#224afd Color Information

#224afd Color Conversion

Color Schemes with #224afd

Alternatives to #224afd

#224afd Preview

Shades and Tints of #224afd

Tones of #224afd

Color Blindness Simulator