#04224b hex color

In a RGB color space, hex #04224b is composed of 1.6% red, 13.3% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 54.7% magenta, 0% yellow and 70.6% black. It has a hue angle of 214.6 degrees, a saturation of 89.9% and a lightness of 15.5%. #04224b color hex could be obtained by blending #084496 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 2
- G 13
- B 29
RGB color chart
- C 95
- M 55
- Y 0
- K 71
CMYK color chart

● #04224b color description : Very dark blue.

The hexadecimal color #04224b has RGB values of R:4, G:34, B:75 and CMYK values of C:0.95, M:0.55, Y:0, K:0.71. Its decimal value is 270923.

Hex triplet	04224b	`#04224b`
RGB Decimal	4, 34, 75	`rgb(4,34,75)`
RGB Percent	1.6, 13.3, 29.4	`rgb(1.6%,13.3%,29.4%)`
CMYK	95, 55, 0, 71
HSL	214.6°, 89.9, 15.5	`hsl(214.6,89.9%,15.5%)`
HSV (or HSB)	214.6°, 94.7, 29.4
Web Safe	003333	`#003333`

CIE-LAB	13.696, 7.504, -28.461
XYZ	1.892, 1.678, 6.88
xyY	0.181, 0.161, 1.678
CIE-LCH	13.696, 29.434, 284.77
CIE-LUV	13.696, -6.978, -27.024
Hunter-Lab	12.953, 3.404, -22.428
Binary	00000100, 00100010, 01001011

#04224b
```
#04224b rgb(4,34,75)
```
#4b2d04
```
#4b2d04 rgb(75,45,4)
```

Complementary Color

#04464b
```
#04464b rgb(4,70,75)
```
#04224b
```
#04224b rgb(4,34,75)
```
#0a044b
```
#0a044b rgb(10,4,75)
```

Analogous Color

#464b04
```
#464b04 rgb(70,75,4)
```
#04224b
```
#04224b rgb(4,34,75)
```
#4b0a04
```
#4b0a04 rgb(75,10,4)
```

Split Complementary Color

#224b04
```
#224b04 rgb(34,75,4)
```
#04224b
```
#04224b rgb(4,34,75)
```
#4b0422
```
#4b0422 rgb(75,4,34)
```

Triadic Color

#044b2d
```
#044b2d rgb(4,75,45)
```
#04224b
```
#04224b rgb(4,34,75)
```
#4b0422
```
#4b0422 rgb(75,4,34)
```
#4b2d04
```
#4b2d04 rgb(75,45,4)
```

Tetradic Color

#000102
```
#000102 rgb(0,1,2)
```
#010c1b
```
#010c1b rgb(1,12,27)
```
#031733
```
#031733 rgb(3,23,51)
```
#04224b
```
#04224b rgb(4,34,75)
```
#052d63
```
#052d63 rgb(5,45,99)
```
#07387b
```
#07387b rgb(7,56,123)
```
#084394
```
#084394 rgb(8,67,148)
```

Monochromatic Color

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

#04344b
```
#04344b rgb(4,52,75)
```
#042e4b
```
#042e4b rgb(4,46,75)
```
#04284b
```
#04284b rgb(4,40,75)
```
#04224b
```
#04224b rgb(4,34,75)
```
#041c4b
```
#041c4b rgb(4,28,75)
```
#04164b
```
#04164b rgb(4,22,75)
```
#04104b
```
#04104b rgb(4,16,75)
```

Similar Colors

Text with hexadecimal color #04224b

This text has a font color of #04224b.

<span style="color:#04224b;">Text here</span>

#04224b background color

This paragraph has a background color of #04224b.

<p style="background-color:#04224b;">Content here</p>

#04224b border color

This element has a border color of #04224b.

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

CSS codes

.text {color:#04224b;}

.background {background-color:#04224b;}

.border {border:1px solid #04224b;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010913
```
#010913 rgb(1,9,19)
```
#021126
```
#021126 rgb(2,17,38)
```
#031a38
```
#031a38 rgb(3,26,56)
```
#04224b
```
#04224b rgb(4,34,75)
```
#052a5e
```
#052a5e rgb(5,42,94)
```
#063370
```
#063370 rgb(6,51,112)
```
#073b83
```
#073b83 rgb(7,59,131)
```
#084495
```
#084495 rgb(8,68,149)
```
#094ca8
```
#094ca8 rgb(9,76,168)
```
#0a55bb
```
#0a55bb rgb(10,85,187)
```
#0b5dcd
```
#0b5dcd rgb(11,93,205)
```
#0c66e0
```
#0c66e0 rgb(12,102,224)
```

Shade Color Variation

#0d6ef2
```
#0d6ef2 rgb(13,110,242)
```
#2079f3
```
#2079f3 rgb(32,121,243)
```
#3384f4
```
#3384f4 rgb(51,132,244)
```
#4590f5
```
#4590f5 rgb(69,144,245)
```
#589bf6
```
#589bf6 rgb(88,155,246)
```
#6ba6f7
```
#6ba6f7 rgb(107,166,247)
```
#7db1f8
```
#7db1f8 rgb(125,177,248)
```
#90bcf9
```
#90bcf9 rgb(144,188,249)
```
#a2c7fa
```
#a2c7fa rgb(162,199,250)
```
#b5d3fb
```
#b5d3fb rgb(181,211,251)
```
#c8defc
```
#c8defc rgb(200,222,252)
```
#dae9fd
```
#dae9fd rgb(218,233,253)
```
#edf4fe
```
#edf4fe rgb(237,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #25272a is the less saturated color, while #01224e is the most saturated one.

#25272a
```
#25272a rgb(37,39,42)
```
#22272d
```
#22272d rgb(34,39,45)
```
#1f2630
```
#1f2630 rgb(31,38,48)
```
#1c2633
```
#1c2633 rgb(28,38,51)
```
#192536
```
#192536 rgb(25,37,54)
```
#162539
```
#162539 rgb(22,37,57)
```
#13243c
```
#13243c rgb(19,36,60)
```
#10243f
```
#10243f rgb(16,36,63)
```
#0d2342
```
#0d2342 rgb(13,35,66)
```
#0a2345
```
#0a2345 rgb(10,35,69)
```
#072248
```
#072248 rgb(7,34,72)
```
#04224b
```
#04224b rgb(4,34,75)
```
#01224e
```
#01224e rgb(1,34,78)
```

Tone Color Variation

Below, you can see how #04224b 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

#1e1e1e Achromatopsia 0.005% of the population
#191f27 Atypical Achromatopsia 0.001% of the population

Dichromacy

#152d54 Protanopia 1% of men
#002f4d Deuteranopia 1% of men
#003335 Tritanopia 0.001% of the population

Trichromacy

#0e2950 Protanomaly 1% of men, 0.01% of women
#012a4c Deuteranomaly 6% of men, 0.4% of women
#012c3d Tritanomaly 0.01% of the population

#04224b hex color

#04224b Color Information

#04224b Color Conversion

Color Schemes with #04224b

Alternatives to #04224b

#04224b Preview

Shades and Tints of #04224b

Tones of #04224b

Color Blindness Simulator