#045766 hex color

In a RGB color space, hex #045766 is composed of 1.6% red, 34.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 14.7% magenta, 0% yellow and 60% black. It has a hue angle of 189.2 degrees, a saturation of 92.5% and a lightness of 20.8%. #045766 color hex could be obtained by blending #08aecc with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 34
- B 40
RGB color chart
- C 96
- M 15
- Y 0
- K 60
CMYK color chart

● #045766 color description : Very dark cyan.

The hexadecimal color #045766 has RGB values of R:4, G:87, B:102 and CMYK values of C:0.96, M:0.15, Y:0, K:0.6. Its decimal value is 284518.

Hex triplet	045766	`#045766`
RGB Decimal	4, 87, 102	`rgb(4,87,102)`
RGB Percent	1.6, 34.1, 40	`rgb(1.6%,34.1%,40%)`
CMYK	96, 15, 0, 60
HSL	189.2°, 92.5, 20.8	`hsl(189.2,92.5%,20.8%)`
HSV (or HSB)	189.2°, 96.1, 40
Web Safe	006666	`#006666`

CIE-LAB	33.565, -16.162, -14.925
XYZ	5.856, 7.801, 13.767
xyY	0.214, 0.284, 7.801
CIE-LCH	33.565, 21.999, 222.72
CIE-LUV	33.565, -24.069, -17.75
Hunter-Lab	27.93, -11.453, -9.673
Binary	00000100, 01010111, 01100110

#045766
```
#045766 rgb(4,87,102)
```
#661304
```
#661304 rgb(102,19,4)
```

Complementary Color

#046644
```
#046644 rgb(4,102,68)
```
#045766
```
#045766 rgb(4,87,102)
```
#042666
```
#042666 rgb(4,38,102)
```

Analogous Color

#664404
```
#664404 rgb(102,68,4)
```
#045766
```
#045766 rgb(4,87,102)
```
#660426
```
#660426 rgb(102,4,38)
```

Split Complementary Color

#576604
```
#576604 rgb(87,102,4)
```
#045766
```
#045766 rgb(4,87,102)
```
#660457
```
#660457 rgb(102,4,87)
```

Triadic Color

#046613
```
#046613 rgb(4,102,19)
```
#045766
```
#045766 rgb(4,87,102)
```
#660457
```
#660457 rgb(102,4,87)
```
#661304
```
#661304 rgb(102,19,4)
```

Tetradic Color

#01181c
```
#01181c rgb(1,24,28)
```
#022d35
```
#022d35 rgb(2,45,53)
```
#03424d
```
#03424d rgb(3,66,77)
```
#045766
```
#045766 rgb(4,87,102)
```
#056c7f
```
#056c7f rgb(5,108,127)
```
#068197
```
#068197 rgb(6,129,151)
```
#0796b0
```
#0796b0 rgb(7,150,176)
```

Monochromatic Color

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

#04665c
```
#04665c rgb(4,102,92)
```
#046665
```
#046665 rgb(4,102,101)
```
#045f66
```
#045f66 rgb(4,95,102)
```
#045766
```
#045766 rgb(4,87,102)
```
#044f66
```
#044f66 rgb(4,79,102)
```
#044766
```
#044766 rgb(4,71,102)
```
#043f66
```
#043f66 rgb(4,63,102)
```

Similar Colors

Text with hexadecimal color #045766

This text has a font color of #045766.

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

#045766 background color

This paragraph has a background color of #045766.

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

#045766 border color

This element has a border color of #045766.

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

CSS codes

.text {color:#045766;}

.background {background-color:#045766;}

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

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

#000708
```
#000708 rgb(0,7,8)
```
#01171a
```
#01171a rgb(1,23,26)
```
#02272d
```
#02272d rgb(2,39,45)
```
#033740
```
#033740 rgb(3,55,64)
```
#034753
```
#034753 rgb(3,71,83)
```
#045766
```
#045766 rgb(4,87,102)
```
#056779
```
#056779 rgb(5,103,121)
```
#05778c
```
#05778c rgb(5,119,140)
```
#06879f
```
#06879f rgb(6,135,159)
```
#0797b2
```
#0797b2 rgb(7,151,178)
```
#08a7c4
```
#08a7c4 rgb(8,167,196)
```
#08b8d7
```
#08b8d7 rgb(8,184,215)
```
#09c8ea
```
#09c8ea rgb(9,200,234)
```

Shade Color Variation

#11d3f6
```
#11d3f6 rgb(17,211,246)
```
#24d6f6
```
#24d6f6 rgb(36,214,246)
```
#37daf7
```
#37daf7 rgb(55,218,247)
```
#4addf8
```
#4addf8 rgb(74,221,248)
```
#5de1f9
```
#5de1f9 rgb(93,225,249)
```
#70e4f9
```
#70e4f9 rgb(112,228,249)
```
#82e8fa
```
#82e8fa rgb(130,232,250)
```
#95ebfb
```
#95ebfb rgb(149,235,251)
```
#a8effc
```
#a8effc rgb(168,239,252)
```
#bbf2fc
```
#bbf2fc rgb(187,242,252)
```
#cef6fd
```
#cef6fd rgb(206,246,253)
```
#e1f9fe
```
#e1f9fe rgb(225,249,254)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#353535
```
#353535 rgb(53,53,53)
```
#313839
```
#313839 rgb(49,56,57)
```
#2d3b3d
```
#2d3b3d rgb(45,59,61)
```
#293e41
```
#293e41 rgb(41,62,65)
```
#254045
```
#254045 rgb(37,64,69)
```
#214349
```
#214349 rgb(33,67,73)
```
#1c464e
```
#1c464e rgb(28,70,78)
```
#184952
```
#184952 rgb(24,73,82)
```
#144c56
```
#144c56 rgb(20,76,86)
```
#104f5a
```
#104f5a rgb(16,79,90)
```
#0c515e
```
#0c515e rgb(12,81,94)
```
#085462
```
#085462 rgb(8,84,98)
```
#045766
```
#045766 rgb(4,87,102)
```

Tone Color Variation

Below, you can see how #045766 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
#344548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545768 Protanopia 1% of men
#515671 Deuteranopia 1% of men
#006067 Tritanopia 0.001% of the population

Trichromacy

#365767 Protanomaly 1% of men, 0.01% of women
#35566d Deuteranomaly 6% of men, 0.4% of women
#015d67 Tritanomaly 0.01% of the population

#045766 hex color

#045766 Color Information

#045766 Color Conversion

Color Schemes with #045766

Alternatives to #045766

#045766 Preview

Shades and Tints of #045766

Tones of #045766

Color Blindness Simulator