#04506f hex color

In a RGB color space, hex #04506f is composed of 1.6% red, 31.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 27.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 197.4 degrees, a saturation of 93% and a lightness of 22.5%. #04506f color hex could be obtained by blending #08a0de with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 31
- B 44
RGB color chart
- C 96
- M 28
- Y 0
- K 56
CMYK color chart

● #04506f color description : Very dark blue.

The hexadecimal color #04506f has RGB values of R:4, G:80, B:111 and CMYK values of C:0.96, M:0.28, Y:0, K:0.56. Its decimal value is 282735.

Hex triplet	04506f	`#04506f`
RGB Decimal	4, 80, 111	`rgb(4,80,111)`
RGB Percent	1.6, 31.4, 43.5	`rgb(1.6%,31.4%,43.5%)`
CMYK	96, 28, 0, 56
HSL	197.4°, 93, 22.5	`hsl(197.4,93%,22.5%)`
HSV (or HSB)	197.4°, 96.4, 43.5
Web Safe	006666	`#006666`

CIE-LAB	31.602, -8.476, -23.615
XYZ	5.787, 6.91, 16.067
xyY	0.201, 0.24, 6.91
CIE-LCH	31.602, 25.09, 250.256
CIE-LUV	31.602, -20.95, -30.327
Hunter-Lab	26.287, -6.706, -17.837
Binary	00000100, 01010000, 01101111

#04506f
```
#04506f rgb(4,80,111)
```
#6f2304
```
#6f2304 rgb(111,35,4)
```

Complementary Color

#046f59
```
#046f59 rgb(4,111,89)
```
#04506f
```
#04506f rgb(4,80,111)
```
#041b6f
```
#041b6f rgb(4,27,111)
```

Analogous Color

#6f5904
```
#6f5904 rgb(111,89,4)
```
#04506f
```
#04506f rgb(4,80,111)
```
#6f041b
```
#6f041b rgb(111,4,27)
```

Split Complementary Color

#506f04
```
#506f04 rgb(80,111,4)
```
#04506f
```
#04506f rgb(4,80,111)
```
#6f0450
```
#6f0450 rgb(111,4,80)
```

Triadic Color

#046f23
```
#046f23 rgb(4,111,35)
```
#04506f
```
#04506f rgb(4,80,111)
```
#6f0450
```
#6f0450 rgb(111,4,80)
```
#6f2304
```
#6f2304 rgb(111,35,4)
```

Tetradic Color

#011b25
```
#011b25 rgb(1,27,37)
```
#022d3e
```
#022d3e rgb(2,45,62)
```
#033e56
```
#033e56 rgb(3,62,86)
```
#04506f
```
#04506f rgb(4,80,111)
```
#056288
```
#056288 rgb(5,98,136)
```
#0673a0
```
#0673a0 rgb(6,115,160)
```
#0785b9
```
#0785b9 rgb(7,133,185)
```

Monochromatic Color

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

#046b6f
```
#046b6f rgb(4,107,111)
```
#04626f
```
#04626f rgb(4,98,111)
```
#04596f
```
#04596f rgb(4,89,111)
```
#04506f
```
#04506f rgb(4,80,111)
```
#04476f
```
#04476f rgb(4,71,111)
```
#043e6f
```
#043e6f rgb(4,62,111)
```
#04356f
```
#04356f rgb(4,53,111)
```

Similar Colors

Text with hexadecimal color #04506f

This text has a font color of #04506f.

<span style="color:#04506f;">Text here</span>

#04506f background color

This paragraph has a background color of #04506f.

<p style="background-color:#04506f;">Content here</p>

#04506f border color

This element has a border color of #04506f.

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

CSS codes

.text {color:#04506f;}

.background {background-color:#04506f;}

.border {border:1px solid #04506f;}

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, #010c10 is the darkest color, while #fcfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#011923
```
#011923 rgb(1,25,35)
```
#022736
```
#022736 rgb(2,39,54)
```
#033549
```
#033549 rgb(3,53,73)
```
#03425c
```
#03425c rgb(3,66,92)
```
#04506f
```
#04506f rgb(4,80,111)
```
#055e82
```
#055e82 rgb(5,94,130)
```
#056b95
```
#056b95 rgb(5,107,149)
```
#0679a8
```
#0679a8 rgb(6,121,168)
```
#0787bb
```
#0787bb rgb(7,135,187)
```
#0794ce
```
#0794ce rgb(7,148,206)
```
#08a2e1
```
#08a2e1 rgb(8,162,225)
```
#09b0f4
```
#09b0f4 rgb(9,176,244)
```

Shade Color Variation

#19b7f7
```
#19b7f7 rgb(25,183,247)
```
#2cbdf7
```
#2cbdf7 rgb(44,189,247)
```
#3fc2f8
```
#3fc2f8 rgb(63,194,248)
```
#52c8f9
```
#52c8f9 rgb(82,200,249)
```
#65cef9
```
#65cef9 rgb(101,206,249)
```
#78d4fa
```
#78d4fa rgb(120,212,250)
```
#8bdafb
```
#8bdafb rgb(139,218,251)
```
#9ee0fb
```
#9ee0fb rgb(158,224,251)
```
#b1e6fc
```
#b1e6fc rgb(177,230,252)
```
#c4ecfd
```
#c4ecfd rgb(196,236,253)
```
#d7f2fe
```
#d7f2fe rgb(215,242,254)
```
#e9f8fe
```
#e9f8fe rgb(233,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #393a3a is the less saturated color, while #04506f is the most saturated one.

#393a3a
```
#393a3a rgb(57,58,58)
```
#353c3e
```
#353c3e rgb(53,60,62)
```
#303d43
```
#303d43 rgb(48,61,67)
```
#2c3f47
```
#2c3f47 rgb(44,63,71)
```
#27414c
```
#27414c rgb(39,65,76)
```
#234350
```
#234350 rgb(35,67,80)
```
#1f4554
```
#1f4554 rgb(31,69,84)
```
#1a4759
```
#1a4759 rgb(26,71,89)
```
#16495d
```
#16495d rgb(22,73,93)
```
#114a62
```
#114a62 rgb(17,74,98)
```
#0d4c66
```
#0d4c66 rgb(13,76,102)
```
#084e6b
```
#084e6b rgb(8,78,107)
```
#04506f
```
#04506f rgb(4,80,111)
```

Tone Color Variation

Below, you can see how #04506f 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

#3d3d3d Achromatopsia 0.005% of the population
#324147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495271 Protanopia 1% of men
#415378 Deuteranopia 1% of men
#005b62 Tritanopia 0.001% of the population

Trichromacy

#305170 Protanomaly 1% of men, 0.01% of women
#2b5275 Deuteranomaly 6% of men, 0.4% of women
#015766 Tritanomaly 0.01% of the population

#04506f hex color

#04506f Color Information

#04506f Color Conversion

Color Schemes with #04506f

Alternatives to #04506f

#04506f Preview

Shades and Tints of #04506f

Tones of #04506f

Color Blindness Simulator