#0224b5 hex color

In a RGB color space, hex #0224b5 is composed of 0.8% red, 14.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 80.1% magenta, 0% yellow and 29% black. It has a hue angle of 228.6 degrees, a saturation of 97.8% and a lightness of 35.9%. #0224b5 color hex could be obtained by blending #0448ff with #00006b. Closest websafe color is: #0033cc.

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

● #0224b5 color description : Strong blue.

The hexadecimal color #0224b5 has RGB values of R:2, G:36, B:181 and CMYK values of C:0.99, M:0.8, Y:0, K:0.29. Its decimal value is 140469.

Hex triplet	0224b5	`#0224b5`
RGB Decimal	2, 36, 181	`rgb(2,36,181)`
RGB Percent	0.8, 14.1, 71	`rgb(0.8%,14.1%,71%)`
CMYK	99, 80, 0, 29
HSL	228.6°, 97.8, 35.9	`hsl(228.6,97.8%,35.9%)`
HSV (or HSB)	228.6°, 98.9, 71
Web Safe	0033cc	`#0033cc`

CIE-LAB	25.594, 48.568, -76.295
XYZ	8.995, 4.61, 44.129
xyY	0.156, 0.08, 4.61
CIE-LCH	25.594, 90.442, 302.48
CIE-LUV	25.594, -8.966, -90.254
Hunter-Lab	21.471, 37.203, -106.828
Binary	00000010, 00100100, 10110101

#0224b5
```
#0224b5 rgb(2,36,181)
```
#b59302
```
#b59302 rgb(181,147,2)
```

Complementary Color

#027eb5
```
#027eb5 rgb(2,126,181)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#3902b5
```
#3902b5 rgb(57,2,181)
```

Analogous Color

#7eb502
```
#7eb502 rgb(126,181,2)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#b53902
```
#b53902 rgb(181,57,2)
```

Split Complementary Color

#24b502
```
#24b502 rgb(36,181,2)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#b50224
```
#b50224 rgb(181,2,36)
```

Triadic Color

#02b593
```
#02b593 rgb(2,181,147)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#b50224
```
#b50224 rgb(181,2,36)
```
#b59302
```
#b59302 rgb(181,147,2)
```

Tetradic Color

#011569
```
#011569 rgb(1,21,105)
```
#011a83
```
#011a83 rgb(1,26,131)
```
#021f9c
```
#021f9c rgb(2,31,156)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#0229ce
```
#0229ce rgb(2,41,206)
```
#032ee7
```
#032ee7 rgb(3,46,231)
```
#0736fc
```
#0736fc rgb(7,54,252)
```

Monochromatic Color

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

#0251b5
```
#0251b5 rgb(2,81,181)
```
#0242b5
```
#0242b5 rgb(2,66,181)
```
#0233b5
```
#0233b5 rgb(2,51,181)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#0215b5
```
#0215b5 rgb(2,21,181)
```
#0206b5
```
#0206b5 rgb(2,6,181)
```
#0d02b5
```
#0d02b5 rgb(13,2,181)
```

Similar Colors

Text with hexadecimal color #0224b5

This text has a font color of #0224b5.

<span style="color:#0224b5;">Text here</span>

#0224b5 background color

This paragraph has a background color of #0224b5.

<p style="background-color:#0224b5;">Content here</p>

#0224b5 border color

This element has a border color of #0224b5.

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

CSS codes

.text {color:#0224b5;}

.background {background-color:#0224b5;}

.border {border:1px solid #0224b5;}

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

#000106
```
#000106 rgb(0,1,6)
```
#00051a
```
#00051a rgb(0,5,26)
```
#00092d
```
#00092d rgb(0,9,45)
```
#010d41
```
#010d41 rgb(1,13,65)
```
#011154
```
#011154 rgb(1,17,84)
```
#011567
```
#011567 rgb(1,21,103)
```
#01187b
```
#01187b rgb(1,24,123)
```
#021c8e
```
#021c8e rgb(2,28,142)
```
#0220a2
```
#0220a2 rgb(2,32,162)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```
#0228c8
```
#0228c8 rgb(2,40,200)
```
#022cdc
```
#022cdc rgb(2,44,220)
```
#0330ef
```
#0330ef rgb(3,48,239)
```

Shade Color Variation

#0937fc
```
#0937fc rgb(9,55,252)
```
#1d47fc
```
#1d47fc rgb(29,71,252)
```
#3057fd
```
#3057fd rgb(48,87,253)
```
#4367fd
```
#4367fd rgb(67,103,253)
```
#5776fd
```
#5776fd rgb(87,118,253)
```
#6a86fd
```
#6a86fd rgb(106,134,253)
```
#7e96fe
```
#7e96fe rgb(126,150,254)
```
#91a6fe
```
#91a6fe rgb(145,166,254)
```
#a4b5fe
```
#a4b5fe rgb(164,181,254)
```
#b8c5fe
```
#b8c5fe rgb(184,197,254)
```
#cbd5fe
```
#cbd5fe rgb(203,213,254)
```
#dfe5ff
```
#dfe5ff rgb(223,229,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565861 is the less saturated color, while #0224b5 is the most saturated one.

#565861
```
#565861 rgb(86,88,97)
```
#4f5468
```
#4f5468 rgb(79,84,104)
```
#48506f
```
#48506f rgb(72,80,111)
```
#414b76
```
#414b76 rgb(65,75,118)
```
#3a477d
```
#3a477d rgb(58,71,125)
```
#334384
```
#334384 rgb(51,67,132)
```
#2c3e8b
```
#2c3e8b rgb(44,62,139)
```
#253a92
```
#253a92 rgb(37,58,146)
```
#1e3599
```
#1e3599 rgb(30,53,153)
```
#1731a0
```
#1731a0 rgb(23,49,160)
```
#102da7
```
#102da7 rgb(16,45,167)
```
#0928ae
```
#0928ae rgb(9,40,174)
```
#0224b5
```
#0224b5 rgb(2,36,181)
```

Tone Color Variation

Below, you can see how #0224b5 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

#2a2a2a Achromatopsia 0.005% of the population
#222946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#003896 Protanomaly 1% of men, 0.01% of women
#003b8b Deuteranomaly 6% of men, 0.4% of women
#003e75 Tritanomaly 0.01% of the population

#0224b5 hex color

#0224b5 Color Information

#0224b5 Color Conversion

Color Schemes with #0224b5

Alternatives to #0224b5

#0224b5 Preview

Shades and Tints of #0224b5

Tones of #0224b5

Color Blindness Simulator