#0224ac hex color

In a RGB color space, hex #0224ac is composed of 0.8% red, 14.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 79.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 228 degrees, a saturation of 97.7% and a lightness of 34.1%. #0224ac color hex could be obtained by blending #0448ff with #000059. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 14
- B 67
RGB color chart
- C 99
- M 79
- Y 0
- K 33
CMYK color chart

● #0224ac color description : Dark blue.

The hexadecimal color #0224ac has RGB values of R:2, G:36, B:172 and CMYK values of C:0.99, M:0.79, Y:0, K:0.33. Its decimal value is 140460.

Hex triplet	0224ac	`#0224ac`
RGB Decimal	2, 36, 172	`rgb(2,36,172)`
RGB Percent	0.8, 14.1, 67.5	`rgb(0.8%,14.1%,67.5%)`
CMYK	99, 79, 0, 33
HSL	228°, 97.7, 34.1	`hsl(228,97.7%,34.1%)`
HSV (or HSB)	228°, 98.8, 67.5
Web Safe	003399	`#003399`

CIE-LAB	24.489, 45.516, -72.736
XYZ	8.101, 4.253, 39.421
xyY	0.156, 0.082, 4.253
CIE-LCH	24.489, 85.804, 302.037
CIE-LUV	24.489, -8.734, -85.022
Hunter-Lab	20.622, 34.032, -98.906
Binary	00000010, 00100100, 10101100

#0224ac
```
#0224ac rgb(2,36,172)
```
#ac8a02
```
#ac8a02 rgb(172,138,2)
```

Complementary Color

#0279ac
```
#0279ac rgb(2,121,172)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#3502ac
```
#3502ac rgb(53,2,172)
```

Analogous Color

#79ac02
```
#79ac02 rgb(121,172,2)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#ac3502
```
#ac3502 rgb(172,53,2)
```

Split Complementary Color

#24ac02
```
#24ac02 rgb(36,172,2)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#ac0224
```
#ac0224 rgb(172,2,36)
```

Triadic Color

#02ac8a
```
#02ac8a rgb(2,172,138)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#ac0224
```
#ac0224 rgb(172,2,36)
```
#ac8a02
```
#ac8a02 rgb(172,138,2)
```

Tetradic Color

#011460
```
#011460 rgb(1,20,96)
```
#01197a
```
#01197a rgb(1,25,122)
```
#021f93
```
#021f93 rgb(2,31,147)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#0229c5
```
#0229c5 rgb(2,41,197)
```
#032fde
```
#032fde rgb(3,47,222)
```
#0334f8
```
#0334f8 rgb(3,52,248)
```

Monochromatic Color

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

#024fac
```
#024fac rgb(2,79,172)
```
#0240ac
```
#0240ac rgb(2,64,172)
```
#0232ac
```
#0232ac rgb(2,50,172)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#0216ac
```
#0216ac rgb(2,22,172)
```
#0208ac
```
#0208ac rgb(2,8,172)
```
#0b02ac
```
#0b02ac rgb(11,2,172)
```

Similar Colors

Text with hexadecimal color #0224ac

This text has a font color of #0224ac.

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

#0224ac background color

This paragraph has a background color of #0224ac.

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

#0224ac border color

This element has a border color of #0224ac.

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

CSS codes

.text {color:#0224ac;}

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

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

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

#000411
```
#000411 rgb(0,4,17)
```
#000824
```
#000824 rgb(0,8,36)
```
#010c38
```
#010c38 rgb(1,12,56)
```
#01104b
```
#01104b rgb(1,16,75)
```
#01145e
```
#01145e rgb(1,20,94)
```
#011872
```
#011872 rgb(1,24,114)
```
#021c85
```
#021c85 rgb(2,28,133)
```
#022099
```
#022099 rgb(2,32,153)
```
#0224ac
```
#0224ac rgb(2,36,172)
```
#0228bf
```
#0228bf rgb(2,40,191)
```
#022cd3
```
#022cd3 rgb(2,44,211)
```
#0330e6
```
#0330e6 rgb(3,48,230)
```
#0334fa
```
#0334fa rgb(3,52,250)
```

Shade Color Variation

#1442fc
```
#1442fc rgb(20,66,252)
```
#2752fc
```
#2752fc rgb(39,82,252)
```
#3b61fd
```
#3b61fd rgb(59,97,253)
```
#4e71fd
```
#4e71fd rgb(78,113,253)
```
#6181fd
```
#6181fd rgb(97,129,253)
```
#7590fd
```
#7590fd rgb(117,144,253)
```
#88a0fe
```
#88a0fe rgb(136,160,254)
```
#9caffe
```
#9caffe rgb(156,175,254)
```
#afbffe
```
#afbffe rgb(175,191,254)
```
#c2cefe
```
#c2cefe rgb(194,206,254)
```
#d6deff
```
#d6deff rgb(214,222,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#52545c
```
#52545c rgb(82,84,92)
```
#4c5062
```
#4c5062 rgb(76,80,98)
```
#454c69
```
#454c69 rgb(69,76,105)
```
#3e4870
```
#3e4870 rgb(62,72,112)
```
#384476
```
#384476 rgb(56,68,118)
```
#31407d
```
#31407d rgb(49,64,125)
```
#2a3c84
```
#2a3c84 rgb(42,60,132)
```
#23388b
```
#23388b rgb(35,56,139)
```
#1d3491
```
#1d3491 rgb(29,52,145)
```
#163098
```
#163098 rgb(22,48,152)
```
#0f2c9f
```
#0f2c9f rgb(15,44,159)
```
#0928a5
```
#0928a5 rgb(9,40,165)
```
#0224ac
```
#0224ac rgb(2,36,172)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#212843 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#003790 Protanomaly 1% of men, 0.01% of women
#003985 Deuteranomaly 6% of men, 0.4% of women
#003c70 Tritanomaly 0.01% of the population

#0224ac hex color

#0224ac Color Information

#0224ac Color Conversion

Color Schemes with #0224ac

Alternatives to #0224ac

#0224ac Preview

Shades and Tints of #0224ac

Tones of #0224ac

Color Blindness Simulator