#0224ba hex color

In a RGB color space, hex #0224ba is composed of 0.8% red, 14.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 80.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 228.9 degrees, a saturation of 97.9% and a lightness of 36.9%. #0224ba color hex could be obtained by blending #0448ff with #000075. 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

● #0224ba color description : Strong blue.

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

Hex triplet	0224ba	`#0224ba`
RGB Decimal	2, 36, 186	`rgb(2,36,186)`
RGB Percent	0.8, 14.1, 72.9	`rgb(0.8%,14.1%,72.9%)`
CMYK	99, 81, 0, 27
HSL	228.9°, 97.9, 36.9	`hsl(228.9,97.9%,36.9%)`
HSV (or HSB)	228.9°, 98.9, 72.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.213, 50.228, -78.241
XYZ	9.517, 4.819, 46.88
xyY	0.155, 0.079, 4.819
CIE-LCH	26.213, 92.976, 302.699
CIE-LUV	26.213, -9.1, -93.152
Hunter-Lab	21.952, 38.969, -111.25
Binary	00000010, 00100100, 10111010

#0224ba
```
#0224ba rgb(2,36,186)
```
#ba9802
```
#ba9802 rgb(186,152,2)
```

Complementary Color

#0280ba
```
#0280ba rgb(2,128,186)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#3c02ba
```
#3c02ba rgb(60,2,186)
```

Analogous Color

#80ba02
```
#80ba02 rgb(128,186,2)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#ba3c02
```
#ba3c02 rgb(186,60,2)
```

Split Complementary Color

#24ba02
```
#24ba02 rgb(36,186,2)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#ba0224
```
#ba0224 rgb(186,2,36)
```

Triadic Color

#02ba98
```
#02ba98 rgb(2,186,152)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#ba0224
```
#ba0224 rgb(186,2,36)
```
#ba9802
```
#ba9802 rgb(186,152,2)
```

Tetradic Color

#01156e
```
#01156e rgb(1,21,110)
```
#011a88
```
#011a88 rgb(1,26,136)
```
#021fa1
```
#021fa1 rgb(2,31,161)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#0229d3
```
#0229d3 rgb(2,41,211)
```
#032eec
```
#032eec rgb(3,46,236)
```
#0c39fc
```
#0c39fc rgb(12,57,252)
```

Monochromatic Color

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

#0252ba
```
#0252ba rgb(2,82,186)
```
#0243ba
```
#0243ba rgb(2,67,186)
```
#0233ba
```
#0233ba rgb(2,51,186)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#0215ba
```
#0215ba rgb(2,21,186)
```
#0205ba
```
#0205ba rgb(2,5,186)
```
#0e02ba
```
#0e02ba rgb(14,2,186)
```

Similar Colors

Text with hexadecimal color #0224ba

This text has a font color of #0224ba.

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

#0224ba background color

This paragraph has a background color of #0224ba.

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

#0224ba border color

This element has a border color of #0224ba.

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

CSS codes

.text {color:#0224ba;}

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

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

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

#00020b
```
#00020b rgb(0,2,11)
```
#00061f
```
#00061f rgb(0,6,31)
```
#010a32
```
#010a32 rgb(1,10,50)
```
#010d46
```
#010d46 rgb(1,13,70)
```
#011159
```
#011159 rgb(1,17,89)
```
#01156c
```
#01156c rgb(1,21,108)
```
#011980
```
#011980 rgb(1,25,128)
```
#021c93
```
#021c93 rgb(2,28,147)
```
#0220a7
```
#0220a7 rgb(2,32,167)
```
#0224ba
```
#0224ba rgb(2,36,186)
```
#0228cd
```
#0228cd rgb(2,40,205)
```
#022ce1
```
#022ce1 rgb(2,44,225)
```
#032ff4
```
#032ff4 rgb(3,47,244)
```

Shade Color Variation

#0e3afc
```
#0e3afc rgb(14,58,252)
```
#214afd
```
#214afd rgb(33,74,253)
```
#355afd
```
#355afd rgb(53,90,253)
```
#486afd
```
#486afd rgb(72,106,253)
```
#5c7afd
```
#5c7afd rgb(92,122,253)
```
#6f89fd
```
#6f89fd rgb(111,137,253)
```
#8299fe
```
#8299fe rgb(130,153,254)
```
#96a9fe
```
#96a9fe rgb(150,169,254)
```
#a9b9fe
```
#a9b9fe rgb(169,185,254)
```
#bdc9fe
```
#bdc9fe rgb(189,201,254)
```
#d0d9fe
```
#d0d9fe rgb(208,217,254)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#595b63
```
#595b63 rgb(89,91,99)
```
#52566a
```
#52566a rgb(82,86,106)
```
#4a5272
```
#4a5272 rgb(74,82,114)
```
#434d79
```
#434d79 rgb(67,77,121)
```
#3c4880
```
#3c4880 rgb(60,72,128)
```
#354487
```
#354487 rgb(53,68,135)
```
#2d3f8f
```
#2d3f8f rgb(45,63,143)
```
#263b96
```
#263b96 rgb(38,59,150)
```
#1f369d
```
#1f369d rgb(31,54,157)
```
#1832a4
```
#1832a4 rgb(24,50,164)
```
#102dac
```
#102dac rgb(16,45,172)
```
#0929b3
```
#0929b3 rgb(9,41,179)
```
#0224ba
```
#0224ba rgb(2,36,186)
```

Tone Color Variation

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

#004687 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

#0224ba hex color

#0224ba Color Information

#0224ba Color Conversion

Color Schemes with #0224ba

Alternatives to #0224ba

#0224ba Preview

Shades and Tints of #0224ba

Tones of #0224ba

Color Blindness Simulator