#045676 hex color

In a RGB color space, hex #045676 is composed of 1.6% red, 33.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 27.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 196.8 degrees, a saturation of 93.4% and a lightness of 23.9%. #045676 color hex could be obtained by blending #08acec with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 34
- B 46
RGB color chart
- C 97
- M 27
- Y 0
- K 54
CMYK color chart

● #045676 color description : Dark blue.

The hexadecimal color #045676 has RGB values of R:4, G:86, B:118 and CMYK values of C:0.97, M:0.27, Y:0, K:0.54. Its decimal value is 284278.

Hex triplet	045676	`#045676`
RGB Decimal	4, 86, 118	`rgb(4,86,118)`
RGB Percent	1.6, 33.7, 46.3	`rgb(1.6%,33.7%,46.3%)`
CMYK	97, 27, 0, 54
HSL	196.8°, 93.4, 23.9	`hsl(196.8,93.4%,23.9%)`
HSV (or HSB)	196.8°, 96.6, 46.3
Web Safe	006666	`#006666`

CIE-LAB	33.959, -9.343, -24.296
XYZ	6.647, 7.989, 18.33
xyY	0.202, 0.242, 7.989
CIE-LCH	33.959, 26.03, 248.966
CIE-LUV	33.959, -22.658, -31.844
Hunter-Lab	28.264, -7.484, -18.666
Binary	00000100, 01010110, 01110110

#045676
```
#045676 rgb(4,86,118)
```
#762404
```
#762404 rgb(118,36,4)
```

Complementary Color

#04765d
```
#04765d rgb(4,118,93)
```
#045676
```
#045676 rgb(4,86,118)
```
#041d76
```
#041d76 rgb(4,29,118)
```

Analogous Color

#765d04
```
#765d04 rgb(118,93,4)
```
#045676
```
#045676 rgb(4,86,118)
```
#76041d
```
#76041d rgb(118,4,29)
```

Split Complementary Color

#567604
```
#567604 rgb(86,118,4)
```
#045676
```
#045676 rgb(4,86,118)
```
#760456
```
#760456 rgb(118,4,86)
```

Triadic Color

#047624
```
#047624 rgb(4,118,36)
```
#045676
```
#045676 rgb(4,86,118)
```
#760456
```
#760456 rgb(118,4,86)
```
#762404
```
#762404 rgb(118,36,4)
```

Tetradic Color

#01202c
```
#01202c rgb(1,32,44)
```
#023245
```
#023245 rgb(2,50,69)
```
#03445d
```
#03445d rgb(3,68,93)
```
#045676
```
#045676 rgb(4,86,118)
```
#05688f
```
#05688f rgb(5,104,143)
```
#067aa7
```
#067aa7 rgb(6,122,167)
```
#078cc0
```
#078cc0 rgb(7,140,192)
```

Monochromatic Color

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

#047376
```
#047376 rgb(4,115,118)
```
#046976
```
#046976 rgb(4,105,118)
```
#046076
```
#046076 rgb(4,96,118)
```
#045676
```
#045676 rgb(4,86,118)
```
#044d76
```
#044d76 rgb(4,77,118)
```
#044376
```
#044376 rgb(4,67,118)
```
#043a76
```
#043a76 rgb(4,58,118)
```

Similar Colors

Text with hexadecimal color #045676

This text has a font color of #045676.

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

#045676 background color

This paragraph has a background color of #045676.

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

#045676 border color

This element has a border color of #045676.

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

CSS codes

.text {color:#045676;}

.background {background-color:#045676;}

.border {border:1px solid #045676;}

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

#000304
```
#000304 rgb(0,3,4)
```
#011117
```
#011117 rgb(1,17,23)
```
#011f2a
```
#011f2a rgb(1,31,42)
```
#022d3d
```
#022d3d rgb(2,45,61)
```
#033a50
```
#033a50 rgb(3,58,80)
```
#034863
```
#034863 rgb(3,72,99)
```
#045676
```
#045676 rgb(4,86,118)
```
#056489
```
#056489 rgb(5,100,137)
```
#05729c
```
#05729c rgb(5,114,156)
```
#067faf
```
#067faf rgb(6,127,175)
```
#078dc2
```
#078dc2 rgb(7,141,194)
```
#079bd5
```
#079bd5 rgb(7,155,213)
```
#08a9e8
```
#08a9e8 rgb(8,169,232)
```

Shade Color Variation

#0db5f7
```
#0db5f7 rgb(13,181,247)
```
#1fbbf7
```
#1fbbf7 rgb(31,187,247)
```
#32c1f8
```
#32c1f8 rgb(50,193,248)
```
#45c6f9
```
#45c6f9 rgb(69,198,249)
```
#58ccf9
```
#58ccf9 rgb(88,204,249)
```
#6bd2fa
```
#6bd2fa rgb(107,210,250)
```
#7ed8fb
```
#7ed8fb rgb(126,216,251)
```
#91defb
```
#91defb rgb(145,222,251)
```
#a4e3fc
```
#a4e3fc rgb(164,227,252)
```
#b7e9fd
```
#b7e9fd rgb(183,233,253)
```
#caeffd
```
#caeffd rgb(202,239,253)
```
#ddf5fe
```
#ddf5fe rgb(221,245,254)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3d3e is the less saturated color, while #045676 is the most saturated one.

#3c3d3e
```
#3c3d3e rgb(60,61,62)
```
#383f42
```
#383f42 rgb(56,63,66)
```
#334147
```
#334147 rgb(51,65,71)
```
#2e434c
```
#2e434c rgb(46,67,76)
```
#2a4650
```
#2a4650 rgb(42,70,80)
```
#254855
```
#254855 rgb(37,72,85)
```
#204a5a
```
#204a5a rgb(32,74,90)
```
#1b4c5f
```
#1b4c5f rgb(27,76,95)
```
#174e63
```
#174e63 rgb(23,78,99)
```
#125068
```
#125068 rgb(18,80,104)
```
#0d526d
```
#0d526d rgb(13,82,109)
```
#095471
```
#095471 rgb(9,84,113)
```
#045676
```
#045676 rgb(4,86,118)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#35454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5778 Protanopia 1% of men
#46587f Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#335777 Protanomaly 1% of men, 0.01% of women
#2e577c Deuteranomaly 6% of men, 0.4% of women
#015d6d Tritanomaly 0.01% of the population

#045676 hex color

#045676 Color Information

#045676 Color Conversion

Color Schemes with #045676

Alternatives to #045676

#045676 Preview

Shades and Tints of #045676

Tones of #045676

Color Blindness Simulator