#04348e hex color

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

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

● #04348e color description : Dark blue.

The hexadecimal color #04348e has RGB values of R:4, G:52, B:142 and CMYK values of C:0.97, M:0.63, Y:0, K:0.44. Its decimal value is 275598.

Hex triplet	04348e	`#04348e`
RGB Decimal	4, 52, 142	`rgb(4,52,142)`
RGB Percent	1.6, 20.4, 55.7	`rgb(1.6%,20.4%,55.7%)`
CMYK	97, 63, 0, 44
HSL	219.1°, 94.5, 28.6	`hsl(219.1,94.5%,28.6%)`
HSV (or HSB)	219.1°, 97.2, 55.7
Web Safe	003399	`#003399`

CIE-LAB	25.058, 23.86, -53.482
XYZ	6.16, 4.434, 26.121
xyY	0.168, 0.121, 4.434
CIE-LCH	25.058, 58.563, 294.044
CIE-LUV	25.058, -11.308, -66.489
Hunter-Lab	21.058, 15.361, -58.806
Binary	00000100, 00110100, 10001110

#04348e
```
#04348e rgb(4,52,142)
```
#8e5e04
```
#8e5e04 rgb(142,94,4)
```

Complementary Color

#04798e
```
#04798e rgb(4,121,142)
```
#04348e
```
#04348e rgb(4,52,142)
```
#19048e
```
#19048e rgb(25,4,142)
```

Analogous Color

#798e04
```
#798e04 rgb(121,142,4)
```
#04348e
```
#04348e rgb(4,52,142)
```
#8e1904
```
#8e1904 rgb(142,25,4)
```

Split Complementary Color

#348e04
```
#348e04 rgb(52,142,4)
```
#04348e
```
#04348e rgb(4,52,142)
```
#8e0434
```
#8e0434 rgb(142,4,52)
```

Triadic Color

#048e5e
```
#048e5e rgb(4,142,94)
```
#04348e
```
#04348e rgb(4,52,142)
```
#8e0434
```
#8e0434 rgb(142,4,52)
```
#8e5e04
```
#8e5e04 rgb(142,94,4)
```

Tetradic Color

#021944
```
#021944 rgb(2,25,68)
```
#03225c
```
#03225c rgb(3,34,92)
```
#032b75
```
#032b75 rgb(3,43,117)
```
#04348e
```
#04348e rgb(4,52,142)
```
#053da7
```
#053da7 rgb(5,61,167)
```
#0546c0
```
#0546c0 rgb(5,70,192)
```
#064fd8
```
#064fd8 rgb(6,79,216)
```

Monochromatic Color

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

#04578e
```
#04578e rgb(4,87,142)
```
#044b8e
```
#044b8e rgb(4,75,142)
```
#043f8e
```
#043f8e rgb(4,63,142)
```
#04348e
```
#04348e rgb(4,52,142)
```
#04288e
```
#04288e rgb(4,40,142)
```
#041d8e
```
#041d8e rgb(4,29,142)
```
#04118e
```
#04118e rgb(4,17,142)
```

Similar Colors

Text with hexadecimal color #04348e

This text has a font color of #04348e.

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

#04348e background color

This paragraph has a background color of #04348e.

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

#04348e border color

This element has a border color of #04348e.

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

CSS codes

.text {color:#04348e;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#010a1c
```
#010a1c rgb(1,10,28)
```
#01112f
```
#01112f rgb(1,17,47)
```
#021842
```
#021842 rgb(2,24,66)
```
#021f55
```
#021f55 rgb(2,31,85)
```
#032668
```
#032668 rgb(3,38,104)
```
#032d7b
```
#032d7b rgb(3,45,123)
```
#04348e
```
#04348e rgb(4,52,142)
```
#053ba1
```
#053ba1 rgb(5,59,161)
```
#0542b4
```
#0542b4 rgb(5,66,180)
```
#0649c7
```
#0649c7 rgb(6,73,199)
```
#0650da
```
#0650da rgb(6,80,218)
```
#0757ed
```
#0757ed rgb(7,87,237)
```

Shade Color Variation

#0f60f8
```
#0f60f8 rgb(15,96,248)
```
#236df9
```
#236df9 rgb(35,109,249)
```
#367af9
```
#367af9 rgb(54,122,249)
```
#4986fa
```
#4986fa rgb(73,134,250)
```
#5c93fa
```
#5c93fa rgb(92,147,250)
```
#6fa0fb
```
#6fa0fb rgb(111,160,251)
```
#82acfb
```
#82acfb rgb(130,172,251)
```
#95b9fc
```
#95b9fc rgb(149,185,252)
```
#a8c5fd
```
#a8c5fd rgb(168,197,253)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#cedffe
```
#cedffe rgb(206,223,254)
```
#e1ebfe
```
#e1ebfe rgb(225,235,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#47494b
```
#47494b rgb(71,73,75)
```
#424750
```
#424750 rgb(66,71,80)
```
#3c4556
```
#3c4556 rgb(60,69,86)
```
#37435b
```
#37435b rgb(55,67,91)
```
#314261
```
#314261 rgb(49,66,97)
```
#2b4067
```
#2b4067 rgb(43,64,103)
```
#263e6c
```
#263e6c rgb(38,62,108)
```
#203d72
```
#203d72 rgb(32,61,114)
```
#1a3b78
```
#1a3b78 rgb(26,59,120)
```
#15397d
```
#15397d rgb(21,57,125)
```
#0f3783
```
#0f3783 rgb(15,55,131)
```
#0a3688
```
#0a3688 rgb(10,54,136)
```
#04348e
```
#04348e rgb(4,52,142)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#273143 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#013d87 Protanomaly 1% of men, 0.01% of women
#01407c Deuteranomaly 6% of men, 0.4% of women
#014366 Tritanomaly 0.01% of the population

#04348e hex color

#04348e Color Information

#04348e Color Conversion

Color Schemes with #04348e

Alternatives to #04348e

#04348e Preview

Shades and Tints of #04348e

Tones of #04348e

Color Blindness Simulator