#04228e hex color

In a RGB color space, hex #04228e is composed of 1.6% red, 13.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 76.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 227 degrees, a saturation of 94.5% and a lightness of 28.6%. #04228e color hex could be obtained by blending #0844ff with #00001d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 13
- B 56
RGB color chart
- C 97
- M 76
- Y 0
- K 44
CMYK color chart

● #04228e color description : Dark blue.

The hexadecimal color #04228e has RGB values of R:4, G:34, B:142 and CMYK values of C:0.97, M:0.76, Y:0, K:0.44. Its decimal value is 270990.

Hex triplet	04228e	`#04228e`
RGB Decimal	4, 34, 142	`rgb(4,34,142)`
RGB Percent	1.6, 13.3, 55.7	`rgb(1.6%,13.3%,55.7%)`
CMYK	97, 76, 0, 44
HSL	227°, 94.5, 28.6	`hsl(227,94.5%,28.6%)`
HSV (or HSB)	227°, 97.2, 55.7
Web Safe	003399	`#003399`

CIE-LAB	20.528, 35.99, -60.946
XYZ	5.504, 3.122, 25.902
xyY	0.159, 0.09, 3.122
CIE-LCH	20.528, 70.779, 300.563
CIE-LUV	20.528, -7.621, -67.314
Hunter-Lab	17.67, 24.672, -74.542
Binary	00000100, 00100010, 10001110

#04228e
```
#04228e rgb(4,34,142)
```
#8e7004
```
#8e7004 rgb(142,112,4)
```

Complementary Color

#04678e
```
#04678e rgb(4,103,142)
```
#04228e
```
#04228e rgb(4,34,142)
```
#2b048e
```
#2b048e rgb(43,4,142)
```

Analogous Color

#678e04
```
#678e04 rgb(103,142,4)
```
#04228e
```
#04228e rgb(4,34,142)
```
#8e2b04
```
#8e2b04 rgb(142,43,4)
```

Split Complementary Color

#228e04
```
#228e04 rgb(34,142,4)
```
#04228e
```
#04228e rgb(4,34,142)
```
#8e0422
```
#8e0422 rgb(142,4,34)
```

Triadic Color

#048e70
```
#048e70 rgb(4,142,112)
```
#04228e
```
#04228e rgb(4,34,142)
```
#8e0422
```
#8e0422 rgb(142,4,34)
```
#8e7004
```
#8e7004 rgb(142,112,4)
```

Tetradic Color

#021044
```
#021044 rgb(2,16,68)
```
#03165c
```
#03165c rgb(3,22,92)
```
#031c75
```
#031c75 rgb(3,28,117)
```
#04228e
```
#04228e rgb(4,34,142)
```
#0528a7
```
#0528a7 rgb(5,40,167)
```
#052ec0
```
#052ec0 rgb(5,46,192)
```
#0634d8
```
#0634d8 rgb(6,52,216)
```

Monochromatic Color

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

#04448e
```
#04448e rgb(4,68,142)
```
#04398e
```
#04398e rgb(4,57,142)
```
#042e8e
```
#042e8e rgb(4,46,142)
```
#04228e
```
#04228e rgb(4,34,142)
```
#04178e
```
#04178e rgb(4,23,142)
```
#040b8e
```
#040b8e rgb(4,11,142)
```
#08048e
```
#08048e rgb(8,4,142)
```

Similar Colors

Text with hexadecimal color #04228e

This text has a font color of #04228e.

<span style="color:#04228e;">Text here</span>

#04228e background color

This paragraph has a background color of #04228e.

<p style="background-color:#04228e;">Content here</p>

#04228e border color

This element has a border color of #04228e.

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

CSS codes

.text {color:#04228e;}

.background {background-color:#04228e;}

.border {border:1px solid #04228e;}

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

#000208
```
#000208 rgb(0,2,8)
```
#01071c
```
#01071c rgb(1,7,28)
```
#010b2f
```
#010b2f rgb(1,11,47)
```
#021042
```
#021042 rgb(2,16,66)
```
#021455
```
#021455 rgb(2,20,85)
```
#031968
```
#031968 rgb(3,25,104)
```
#031d7b
```
#031d7b rgb(3,29,123)
```
#04228e
```
#04228e rgb(4,34,142)
```
#0527a1
```
#0527a1 rgb(5,39,161)
```
#052bb4
```
#052bb4 rgb(5,43,180)
```
#0630c7
```
#0630c7 rgb(6,48,199)
```
#0634da
```
#0634da rgb(6,52,218)
```
#0739ed
```
#0739ed rgb(7,57,237)
```

Shade Color Variation

#0f42f8
```
#0f42f8 rgb(15,66,248)
```
#2351f9
```
#2351f9 rgb(35,81,249)
```
#3660f9
```
#3660f9 rgb(54,96,249)
```
#496ffa
```
#496ffa rgb(73,111,250)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#6f8dfb
```
#6f8dfb rgb(111,141,251)
```
#829cfb
```
#829cfb rgb(130,156,251)
```
#95abfc
```
#95abfc rgb(149,171,252)
```
#a8bafd
```
#a8bafd rgb(168,186,253)
```
#bbc9fd
```
#bbc9fd rgb(187,201,253)
```
#ced9fe
```
#ced9fe rgb(206,217,254)
```
#e1e8fe
```
#e1e8fe rgb(225,232,254)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#47484b
```
#47484b rgb(71,72,75)
```
#424550
```
#424550 rgb(66,69,80)
```
#3c4256
```
#3c4256 rgb(60,66,86)
```
#373f5b
```
#373f5b rgb(55,63,91)
```
#313b61
```
#313b61 rgb(49,59,97)
```
#2b3867
```
#2b3867 rgb(43,56,103)
```
#26356c
```
#26356c rgb(38,53,108)
```
#203272
```
#203272 rgb(32,50,114)
```
#1a2f78
```
#1a2f78 rgb(26,47,120)
```
#152c7d
```
#152c7d rgb(21,44,125)
```
#0f2883
```
#0f2883 rgb(15,40,131)
```
#0a2588
```
#0a2588 rgb(10,37,136)
```
#04228e
```
#04228e rgb(4,34,142)
```

Tone Color Variation

Below, you can see how #04228e 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

#252525 Achromatopsia 0.005% of the population
#1e243a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a71 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#01317b Protanomaly 1% of men, 0.01% of women
#013372 Deuteranomaly 6% of men, 0.4% of women
#01365f Tritanomaly 0.01% of the population

#04228e hex color

#04228e Color Information

#04228e Color Conversion

Color Schemes with #04228e

Alternatives to #04228e

#04228e Preview

Shades and Tints of #04228e

Tones of #04228e

Color Blindness Simulator