#04508c hex color

In a RGB color space, hex #04508c is composed of 1.6% red, 31.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 42.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 206.5 degrees, a saturation of 94.4% and a lightness of 28.2%. #04508c color hex could be obtained by blending #08a0ff with #000019. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 31
- B 55
RGB color chart
- C 97
- M 43
- Y 0
- K 45
CMYK color chart

● #04508c color description : Dark blue.

The hexadecimal color #04508c has RGB values of R:4, G:80, B:140 and CMYK values of C:0.97, M:0.43, Y:0, K:0.45. Its decimal value is 282764.

Hex triplet	04508c	`#04508c`
RGB Decimal	4, 80, 140	`rgb(4,80,140)`
RGB Percent	1.6, 31.4, 54.9	`rgb(1.6%,31.4%,54.9%)`
CMYK	97, 43, 0, 45
HSL	206.5°, 94.4, 28.2	`hsl(206.5,94.4%,28.2%)`
HSV (or HSB)	206.5°, 97.1, 54.9
Web Safe	006699	`#006699`

CIE-LAB	33.256, 3.582, -38.971
XYZ	7.651, 7.656, 25.884
xyY	0.186, 0.186, 7.656
CIE-LCH	33.256, 39.136, 275.252
CIE-LUV	33.256, -19.421, -53.636
Hunter-Lab	27.669, 0.939, -36.096
Binary	00000100, 01010000, 10001100

#04508c
```
#04508c rgb(4,80,140)
```
#8c4004
```
#8c4004 rgb(140,64,4)
```

Complementary Color

#048c84
```
#048c84 rgb(4,140,132)
```
#04508c
```
#04508c rgb(4,80,140)
```
#040c8c
```
#040c8c rgb(4,12,140)
```

Analogous Color

#8c8404
```
#8c8404 rgb(140,132,4)
```
#04508c
```
#04508c rgb(4,80,140)
```
#8c040c
```
#8c040c rgb(140,4,12)
```

Split Complementary Color

#508c04
```
#508c04 rgb(80,140,4)
```
#04508c
```
#04508c rgb(4,80,140)
```
#8c0450
```
#8c0450 rgb(140,4,80)
```

Triadic Color

#048c40
```
#048c40 rgb(4,140,64)
```
#04508c
```
#04508c rgb(4,80,140)
```
#8c0450
```
#8c0450 rgb(140,4,80)
```
#8c4004
```
#8c4004 rgb(140,64,4)
```

Tetradic Color

#022642
```
#022642 rgb(2,38,66)
```
#03345a
```
#03345a rgb(3,52,90)
```
#034273
```
#034273 rgb(3,66,115)
```
#04508c
```
#04508c rgb(4,80,140)
```
#055ea5
```
#055ea5 rgb(5,94,165)
```
#056cbe
```
#056cbe rgb(5,108,190)
```
#067bd6
```
#067bd6 rgb(6,123,214)
```

Monochromatic Color

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

#04728c
```
#04728c rgb(4,114,140)
```
#04678c
```
#04678c rgb(4,103,140)
```
#045b8c
```
#045b8c rgb(4,91,140)
```
#04508c
```
#04508c rgb(4,80,140)
```
#04458c
```
#04458c rgb(4,69,140)
```
#04398c
```
#04398c rgb(4,57,140)
```
#042e8c
```
#042e8c rgb(4,46,140)
```

Similar Colors

Text with hexadecimal color #04508c

This text has a font color of #04508c.

<span style="color:#04508c;">Text here</span>

#04508c background color

This paragraph has a background color of #04508c.

<p style="background-color:#04508c;">Content here</p>

#04508c border color

This element has a border color of #04508c.

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

CSS codes

.text {color:#04508c;}

.background {background-color:#04508c;}

.border {border:1px solid #04508c;}

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

#000407
```
#000407 rgb(0,4,7)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#011a2d
```
#011a2d rgb(1,26,45)
```
#022440
```
#022440 rgb(2,36,64)
```
#022f53
```
#022f53 rgb(2,47,83)
```
#033a66
```
#033a66 rgb(3,58,102)
```
#034579
```
#034579 rgb(3,69,121)
```
#04508c
```
#04508c rgb(4,80,140)
```
#055b9f
```
#055b9f rgb(5,91,159)
```
#0566b2
```
#0566b2 rgb(5,102,178)
```
#0671c5
```
#0671c5 rgb(6,113,197)
```
#067cd8
```
#067cd8 rgb(6,124,216)
```
#0786eb
```
#0786eb rgb(7,134,235)
```

Shade Color Variation

#0e91f8
```
#0e91f8 rgb(14,145,248)
```
#2199f9
```
#2199f9 rgb(33,153,249)
```
#34a2f9
```
#34a2f9 rgb(52,162,249)
```
#47abfa
```
#47abfa rgb(71,171,250)
```
#5ab4fa
```
#5ab4fa rgb(90,180,250)
```
#6dbcfb
```
#6dbcfb rgb(109,188,251)
```
#80c5fb
```
#80c5fb rgb(128,197,251)
```
#93cefc
```
#93cefc rgb(147,206,252)
```
#a6d6fc
```
#a6d6fc rgb(166,214,252)
```
#b9dffd
```
#b9dffd rgb(185,223,253)
```
#cce8fe
```
#cce8fe rgb(204,232,254)
```
#dff1fe
```
#dff1fe rgb(223,241,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#46484a
```
#46484a rgb(70,72,74)
```
#41494f
```
#41494f rgb(65,73,79)
```
#3b4955
```
#3b4955 rgb(59,73,85)
```
#364a5a
```
#364a5a rgb(54,74,90)
```
#304b60
```
#304b60 rgb(48,75,96)
```
#2b4b65
```
#2b4b65 rgb(43,75,101)
```
#254c6b
```
#254c6b rgb(37,76,107)
```
#204d70
```
#204d70 rgb(32,77,112)
```
#1a4d76
```
#1a4d76 rgb(26,77,118)
```
#154e7b
```
#154e7b rgb(21,78,123)
```
#0f4f81
```
#0f4f81 rgb(15,79,129)
```
#0a4f86
```
#0a4f86 rgb(10,79,134)
```
#04508c
```
#04508c rgb(4,80,140)
```

Tone Color Variation

Below, you can see how #04508c 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

#404040 Achromatopsia 0.005% of the population
#34434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b558e Protanopia 1% of men
#1a5892 Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#27538d Protanomaly 1% of men, 0.01% of women
#12558f Deuteranomaly 6% of men, 0.4% of women
#015a73 Tritanomaly 0.01% of the population

#04508c hex color

#04508c Color Information

#04508c Color Conversion

Color Schemes with #04508c

Alternatives to #04508c

#04508c Preview

Shades and Tints of #04508c

Tones of #04508c

Color Blindness Simulator