#0224bb hex color

In a RGB color space, hex #0224bb is composed of 0.8% red, 14.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 80.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 229 degrees, a saturation of 97.9% and a lightness of 37.1%. #0224bb color hex could be obtained by blending #0448ff with #000077. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 14
- B 73
RGB color chart
- C 99
- M 81
- Y 0
- K 27
CMYK color chart

● #0224bb color description : Strong blue.

The hexadecimal color #0224bb has RGB values of R:2, G:36, B:187 and CMYK values of C:0.99, M:0.81, Y:0, K:0.27. Its decimal value is 140475.

Hex triplet	0224bb	`#0224bb`
RGB Decimal	2, 36, 187	`rgb(2,36,187)`
RGB Percent	0.8, 14.1, 73.3	`rgb(0.8%,14.1%,73.3%)`
CMYK	99, 81, 0, 27
HSL	229°, 97.9, 37.1	`hsl(229,97.9%,37.1%)`
HSV (or HSB)	229°, 98.9, 73.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.337, 50.557, -78.628
XYZ	9.624, 4.862, 47.442
xyY	0.155, 0.079, 4.862
CIE-LCH	26.337, 93.479, 302.74
CIE-LUV	26.337, -9.127, -93.731
Hunter-Lab	22.049, 39.322, -112.136
Binary	00000010, 00100100, 10111011

#0224bb
```
#0224bb rgb(2,36,187)
```
#bb9902
```
#bb9902 rgb(187,153,2)
```

Complementary Color

#0281bb
```
#0281bb rgb(2,129,187)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#3c02bb
```
#3c02bb rgb(60,2,187)
```

Analogous Color

#81bb02
```
#81bb02 rgb(129,187,2)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#bb3c02
```
#bb3c02 rgb(187,60,2)
```

Split Complementary Color

#24bb02
```
#24bb02 rgb(36,187,2)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#bb0224
```
#bb0224 rgb(187,2,36)
```

Triadic Color

#02bb99
```
#02bb99 rgb(2,187,153)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#bb0224
```
#bb0224 rgb(187,2,36)
```
#bb9902
```
#bb9902 rgb(187,153,2)
```

Tetradic Color

#01156f
```
#01156f rgb(1,21,111)
```
#011a89
```
#011a89 rgb(1,26,137)
```
#021fa2
```
#021fa2 rgb(2,31,162)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#0229d4
```
#0229d4 rgb(2,41,212)
```
#032eed
```
#032eed rgb(3,46,237)
```
#0d39fc
```
#0d39fc rgb(13,57,252)
```

Monochromatic Color

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

#0252bb
```
#0252bb rgb(2,82,187)
```
#0243bb
```
#0243bb rgb(2,67,187)
```
#0233bb
```
#0233bb rgb(2,51,187)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#0215bb
```
#0215bb rgb(2,21,187)
```
#0205bb
```
#0205bb rgb(2,5,187)
```
#0e02bb
```
#0e02bb rgb(14,2,187)
```

Similar Colors

Text with hexadecimal color #0224bb

This text has a font color of #0224bb.

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

#0224bb background color

This paragraph has a background color of #0224bb.

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

#0224bb border color

This element has a border color of #0224bb.

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

CSS codes

.text {color:#0224bb;}

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

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

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)
```
#010a33
```
#010a33 rgb(1,10,51)
```
#010e47
```
#010e47 rgb(1,14,71)
```
#01115a
```
#01115a rgb(1,17,90)
```
#01156d
```
#01156d rgb(1,21,109)
```
#011981
```
#011981 rgb(1,25,129)
```
#021d94
```
#021d94 rgb(2,29,148)
```
#0220a8
```
#0220a8 rgb(2,32,168)
```
#0224bb
```
#0224bb rgb(2,36,187)
```
#0228ce
```
#0228ce rgb(2,40,206)
```
#022be2
```
#022be2 rgb(2,43,226)
```
#032ff5
```
#032ff5 rgb(3,47,245)
```

Shade Color Variation

#0f3bfc
```
#0f3bfc rgb(15,59,252)
```
#224bfd
```
#224bfd rgb(34,75,253)
```
#365afd
```
#365afd rgb(54,90,253)
```
#496afd
```
#496afd rgb(73,106,253)
```
#5d7afd
```
#5d7afd rgb(93,122,253)
```
#708afd
```
#708afd rgb(112,138,253)
```
#839afe
```
#839afe rgb(131,154,254)
```
#97aafe
```
#97aafe rgb(151,170,254)
```
#aabafe
```
#aabafe rgb(170,186,254)
```
#becafe
```
#becafe rgb(190,202,254)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e5e9ff
```
#e5e9ff rgb(229,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, #595b64 is the less saturated color, while #0224bb is the most saturated one.

#595b64
```
#595b64 rgb(89,91,100)
```
#52576b
```
#52576b rgb(82,87,107)
```
#4b5272
```
#4b5272 rgb(75,82,114)
```
#434d7a
```
#434d7a rgb(67,77,122)
```
#3c4981
```
#3c4981 rgb(60,73,129)
```
#354488
```
#354488 rgb(53,68,136)
```
#2e408f
```
#2e408f rgb(46,64,143)
```
#263b97
```
#263b97 rgb(38,59,151)
```
#1f369e
```
#1f369e rgb(31,54,158)
```
#1832a5
```
#1832a5 rgb(24,50,165)
```
#112dac
```
#112dac rgb(17,45,172)
```
#0929b4
```
#0929b4 rgb(9,41,180)
```
#0224bb
```
#0224bb rgb(2,36,187)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#232a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#00399a Protanomaly 1% of men, 0.01% of women
#003c8e Deuteranomaly 6% of men, 0.4% of women
#003f78 Tritanomaly 0.01% of the population

#0224bb hex color

#0224bb Color Information

#0224bb Color Conversion

Color Schemes with #0224bb

Alternatives to #0224bb

#0224bb Preview

Shades and Tints of #0224bb

Tones of #0224bb

Color Blindness Simulator