#0224ae hex color

In a RGB color space, hex #0224ae is composed of 0.8% red, 14.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 79.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 228.1 degrees, a saturation of 97.7% and a lightness of 34.5%. #0224ae color hex could be obtained by blending #0448ff with #00005d. Closest websafe color is: #003399.

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

● #0224ae color description : Dark blue.

The hexadecimal color #0224ae has RGB values of R:2, G:36, B:174 and CMYK values of C:0.99, M:0.79, Y:0, K:0.32. Its decimal value is 140462.

Hex triplet	0224ae	`#0224ae`
RGB Decimal	2, 36, 174	`rgb(2,36,174)`
RGB Percent	0.8, 14.1, 68.2	`rgb(0.8%,14.1%,68.2%)`
CMYK	99, 79, 0, 32
HSL	228.1°, 97.7, 34.5	`hsl(228.1,97.7%,34.5%)`
HSV (or HSB)	228.1°, 98.9, 68.2
Web Safe	003399	`#003399`

CIE-LAB	24.734, 46.202, -73.533
XYZ	8.294, 4.33, 40.441
xyY	0.156, 0.082, 4.33
CIE-LCH	24.734, 86.843, 302.142
CIE-LUV	24.734, -8.784, -86.187
Hunter-Lab	20.809, 34.735, -100.662
Binary	00000010, 00100100, 10101110

#0224ae
```
#0224ae rgb(2,36,174)
```
#ae8c02
```
#ae8c02 rgb(174,140,2)
```

Complementary Color

#027aae
```
#027aae rgb(2,122,174)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#3602ae
```
#3602ae rgb(54,2,174)
```

Analogous Color

#7aae02
```
#7aae02 rgb(122,174,2)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#ae3602
```
#ae3602 rgb(174,54,2)
```

Split Complementary Color

#24ae02
```
#24ae02 rgb(36,174,2)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#ae0224
```
#ae0224 rgb(174,2,36)
```

Triadic Color

#02ae8c
```
#02ae8c rgb(2,174,140)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#ae0224
```
#ae0224 rgb(174,2,36)
```
#ae8c02
```
#ae8c02 rgb(174,140,2)
```

Tetradic Color

#011462
```
#011462 rgb(1,20,98)
```
#011a7c
```
#011a7c rgb(1,26,124)
```
#021f95
```
#021f95 rgb(2,31,149)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#0229c7
```
#0229c7 rgb(2,41,199)
```
#032ee0
```
#032ee0 rgb(3,46,224)
```
#0334fa
```
#0334fa rgb(3,52,250)
```

Monochromatic Color

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

#024fae
```
#024fae rgb(2,79,174)
```
#0241ae
```
#0241ae rgb(2,65,174)
```
#0232ae
```
#0232ae rgb(2,50,174)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#0216ae
```
#0216ae rgb(2,22,174)
```
#0207ae
```
#0207ae rgb(2,7,174)
```
#0b02ae
```
#0b02ae rgb(11,2,174)
```

Similar Colors

Text with hexadecimal color #0224ae

This text has a font color of #0224ae.

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

#0224ae background color

This paragraph has a background color of #0224ae.

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

#0224ae border color

This element has a border color of #0224ae.

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

CSS codes

.text {color:#0224ae;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#000826
```
#000826 rgb(0,8,38)
```
#010c3a
```
#010c3a rgb(1,12,58)
```
#01104d
```
#01104d rgb(1,16,77)
```
#011460
```
#011460 rgb(1,20,96)
```
#011874
```
#011874 rgb(1,24,116)
```
#021c87
```
#021c87 rgb(2,28,135)
```
#02209b
```
#02209b rgb(2,32,155)
```
#0224ae
```
#0224ae rgb(2,36,174)
```
#0228c1
```
#0228c1 rgb(2,40,193)
```
#022cd5
```
#022cd5 rgb(2,44,213)
```
#0330e8
```
#0330e8 rgb(3,48,232)
```
#0334fc
```
#0334fc rgb(3,52,252)
```

Shade Color Variation

#1643fc
```
#1643fc rgb(22,67,252)
```
#2953fd
```
#2953fd rgb(41,83,253)
```
#3d63fd
```
#3d63fd rgb(61,99,253)
```
#5072fd
```
#5072fd rgb(80,114,253)
```
#6382fd
```
#6382fd rgb(99,130,253)
```
#7791fd
```
#7791fd rgb(119,145,253)
```
#8aa1fe
```
#8aa1fe rgb(138,161,254)
```
#9eb1fe
```
#9eb1fe rgb(158,177,254)
```
#b1c0fe
```
#b1c0fe rgb(177,192,254)
```
#c4d0fe
```
#c4d0fe rgb(196,208,254)
```
#d8dfff
```
#d8dfff rgb(216,223,255)
```
#ebefff
```
#ebefff rgb(235,239,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#53555d
```
#53555d rgb(83,85,93)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#464d6a
```
#464d6a rgb(70,77,106)
```
#3f4971
```
#3f4971 rgb(63,73,113)
```
#384578
```
#384578 rgb(56,69,120)
```
#31417f
```
#31417f rgb(49,65,127)
```
#2b3d85
```
#2b3d85 rgb(43,61,133)
```
#24388c
```
#24388c rgb(36,56,140)
```
#1d3493
```
#1d3493 rgb(29,52,147)
```
#16309a
```
#16309a rgb(22,48,154)
```
#102ca0
```
#102ca0 rgb(16,44,160)
```
#0928a7
```
#0928a7 rgb(9,40,167)
```
#0224ae
```
#0224ae rgb(2,36,174)
```

Tone Color Variation

Below, you can see how #0224ae 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
#222944 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#003792 Protanomaly 1% of men, 0.01% of women
#003a86 Deuteranomaly 6% of men, 0.4% of women
#003d71 Tritanomaly 0.01% of the population

#0224ae hex color

#0224ae Color Information

#0224ae Color Conversion

Color Schemes with #0224ae

Alternatives to #0224ae

#0224ae Preview

Shades and Tints of #0224ae

Tones of #0224ae

Color Blindness Simulator