#224bf0 hex color

In a RGB color space, hex #224bf0 is composed of 13.3% red, 29.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 68.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.1 degrees, a saturation of 87.3% and a lightness of 53.7%. #224bf0 color hex could be obtained by blending #4496ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 94
RGB color chart
- C 86
- M 69
- Y 0
- K 6
CMYK color chart

● #224bf0 color description : Vivid blue.

The hexadecimal color #224bf0 has RGB values of R:34, G:75, B:240 and CMYK values of C:0.86, M:0.69, Y:0, K:0.06. Its decimal value is 2247664.

Hex triplet	224bf0	`#224bf0`
RGB Decimal	34, 75, 240	`rgb(34,75,240)`
RGB Percent	13.3, 29.4, 94.1	`rgb(13.3%,29.4%,94.1%)`
CMYK	86, 69, 0, 6
HSL	228.1°, 87.3, 53.7	`hsl(228.1,87.3%,53.7%)`
HSV (or HSB)	228.1°, 85.8, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.674, 47.559, -85.489
XYZ	18.901, 11.662, 83.688
xyY	0.165, 0.102, 11.662
CIE-LCH	40.674, 97.828, 299.088
CIE-LUV	40.674, -14.756, -122.894
Hunter-Lab	34.15, 39.032, -121.393
Binary	00100010, 01001011, 11110000

#224bf0
```
#224bf0 rgb(34,75,240)
```
#f0c722
```
#f0c722 rgb(240,199,34)
```

Complementary Color

#22b2f0
```
#22b2f0 rgb(34,178,240)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#6022f0
```
#6022f0 rgb(96,34,240)
```

Analogous Color

#b2f022
```
#b2f022 rgb(178,240,34)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#f06022
```
#f06022 rgb(240,96,34)
```

Split Complementary Color

#4bf022
```
#4bf022 rgb(75,240,34)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#f0224b
```
#f0224b rgb(240,34,75)
```

Triadic Color

#22f0c7
```
#22f0c7 rgb(34,240,199)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#f0224b
```
#f0224b rgb(240,34,75)
```
#f0c722
```
#f0c722 rgb(240,199,34)
```

Tetradic Color

#0d2fb9
```
#0d2fb9 rgb(13,47,185)
```
#0e35d1
```
#0e35d1 rgb(14,53,209)
```
#103be9
```
#103be9 rgb(16,59,233)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#3a5ef2
```
#3a5ef2 rgb(58,94,242)
```
#5272f3
```
#5272f3 rgb(82,114,243)
```
#6a85f5
```
#6a85f5 rgb(106,133,245)
```

Monochromatic Color

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

#227ff0
```
#227ff0 rgb(34,127,240)
```
#226df0
```
#226df0 rgb(34,109,240)
```
#225cf0
```
#225cf0 rgb(34,92,240)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#223af0
```
#223af0 rgb(34,58,240)
```
#2229f0
```
#2229f0 rgb(34,41,240)
```
#2c22f0
```
#2c22f0 rgb(44,34,240)
```

Similar Colors

Text with hexadecimal color #224bf0

This text has a font color of #224bf0.

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

#224bf0 background color

This paragraph has a background color of #224bf0.

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

#224bf0 border color

This element has a border color of #224bf0.

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

CSS codes

.text {color:#224bf0;}

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

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

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

#010512
```
#010512 rgb(1,5,18)
```
#020924
```
#020924 rgb(2,9,36)
```
#040e37
```
#040e37 rgb(4,14,55)
```
#051249
```
#051249 rgb(5,18,73)
```
#06175b
```
#06175b rgb(6,23,91)
```
#071c6e
```
#071c6e rgb(7,28,110)
```
#092080
```
#092080 rgb(9,32,128)
```
#0a2592
```
#0a2592 rgb(10,37,146)
```
#0b2aa5
```
#0b2aa5 rgb(11,42,165)
```
#0c2eb7
```
#0c2eb7 rgb(12,46,183)
```
#0e33c9
```
#0e33c9 rgb(14,51,201)
```
#0f38dc
```
#0f38dc rgb(15,56,220)
```
#103cee
```
#103cee rgb(16,60,238)
```

Shade Color Variation

#224bf0
```
#224bf0 rgb(34,75,240)
```
#345af1
```
#345af1 rgb(52,90,241)
```
#4769f2
```
#4769f2 rgb(71,105,242)
```
#5978f4
```
#5978f4 rgb(89,120,244)
```
#6b87f5
```
#6b87f5 rgb(107,135,245)
```
#7e96f6
```
#7e96f6 rgb(126,150,246)
```
#90a5f7
```
#90a5f7 rgb(144,165,247)
```
#a3b4f9
```
#a3b4f9 rgb(163,180,249)
```
#b5c3fa
```
#b5c3fa rgb(181,195,250)
```
#c7d2fb
```
#c7d2fb rgb(199,210,251)
```
#dae1fc
```
#dae1fc rgb(218,225,252)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878c is the less saturated color, while #1946f9 is the most saturated one.

#86878c
```
#86878c rgb(134,135,140)
```
#7d8295
```
#7d8295 rgb(125,130,149)
```
#747c9e
```
#747c9e rgb(116,124,158)
```
#6b77a7
```
#6b77a7 rgb(107,119,167)
```
#6271b0
```
#6271b0 rgb(98,113,176)
```
#586cba
```
#586cba rgb(88,108,186)
```
#4f66c3
```
#4f66c3 rgb(79,102,195)
```
#4661cc
```
#4661cc rgb(70,97,204)
```
#3d5bd5
```
#3d5bd5 rgb(61,91,213)
```
#3456de
```
#3456de rgb(52,86,222)
```
#2b50e7
```
#2b50e7 rgb(43,80,231)
```
#224bf0
```
#224bf0 rgb(34,75,240)
```
#1946f9
```
#1946f9 rgb(25,70,249)
```

Tone Color Variation

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

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0c5bd4 Protanomaly 1% of men, 0.01% of women
#0c5fc3 Deuteranomaly 6% of men, 0.4% of women
#0c64a3 Tritanomaly 0.01% of the population

#224bf0 hex color

#224bf0 Color Information

#224bf0 Color Conversion

Color Schemes with #224bf0

Alternatives to #224bf0

#224bf0 Preview

Shades and Tints of #224bf0

Tones of #224bf0

Color Blindness Simulator