#045a56 hex color

In a RGB color space, hex #045a56 is composed of 1.6% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 0% magenta, 4.4% yellow and 64.7% black. It has a hue angle of 177.2 degrees, a saturation of 91.5% and a lightness of 18.4%. #045a56 color hex could be obtained by blending #08b4ac with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 2
- G 35
- B 34
RGB color chart
- C 96
- M 0
- Y 4
- K 65
CMYK color chart

● #045a56 color description : Very dark cyan.

The hexadecimal color #045a56 has RGB values of R:4, G:90, B:86 and CMYK values of C:0.96, M:0, Y:0.04, K:0.65. Its decimal value is 285270.

Hex triplet	045a56	`#045a56`
RGB Decimal	4, 90, 86	`rgb(4,90,86)`
RGB Percent	1.6, 35.3, 33.7	`rgb(1.6%,35.3%,33.7%)`
CMYK	96, 0, 4, 65
HSL	177.2°, 91.5, 18.4	`hsl(177.2,91.5%,18.4%)`
HSV (or HSB)	177.2°, 95.6, 35.3
Web Safe	006666	`#006666`

CIE-LAB	34.003, -23.486, -4.221
XYZ	5.385, 8.009, 10.066
xyY	0.23, 0.341, 8.009
CIE-LCH	34.003, 23.863, 190.189
CIE-LUV	34.003, -26.305, -2.402
Hunter-Lab	28.301, -15.56, -1.277
Binary	00000100, 01011010, 01010110

#045a56
```
#045a56 rgb(4,90,86)
```
#5a0408
```
#5a0408 rgb(90,4,8)
```

Complementary Color

#045a2b
```
#045a2b rgb(4,90,43)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#04335a
```
#04335a rgb(4,51,90)
```

Analogous Color

#5a2b04
```
#5a2b04 rgb(90,43,4)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#5a0433
```
#5a0433 rgb(90,4,51)
```

Split Complementary Color

#5a5604
```
#5a5604 rgb(90,86,4)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#56045a
```
#56045a rgb(86,4,90)
```

Triadic Color

#085a04
```
#085a04 rgb(8,90,4)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#56045a
```
#56045a rgb(86,4,90)
```
#5a0408
```
#5a0408 rgb(90,4,8)
```

Tetradic Color

#011110
```
#011110 rgb(1,17,16)
```
#022927
```
#022927 rgb(2,41,39)
```
#03423f
```
#03423f rgb(3,66,63)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#05726d
```
#05726d rgb(5,114,109)
```
#068b85
```
#068b85 rgb(6,139,133)
```
#07a39c
```
#07a39c rgb(7,163,156)
```

Monochromatic Color

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

#045a41
```
#045a41 rgb(4,90,65)
```
#045a48
```
#045a48 rgb(4,90,72)
```
#045a4f
```
#045a4f rgb(4,90,79)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#04575a
```
#04575a rgb(4,87,90)
```
#04505a
```
#04505a rgb(4,80,90)
```
#04495a
```
#04495a rgb(4,73,90)
```

Similar Colors

Text with hexadecimal color #045a56

This text has a font color of #045a56.

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

#045a56 background color

This paragraph has a background color of #045a56.

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

#045a56 border color

This element has a border color of #045a56.

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

CSS codes

.text {color:#045a56;}

.background {background-color:#045a56;}

.border {border:1px solid #045a56;}

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

#010f0e
```
#010f0e rgb(1,15,14)
```
#012220
```
#012220 rgb(1,34,32)
```
#023432
```
#023432 rgb(2,52,50)
```
#034744
```
#034744 rgb(3,71,68)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#056d68
```
#056d68 rgb(5,109,104)
```
#06807a
```
#06807a rgb(6,128,122)
```
#07928c
```
#07928c rgb(7,146,140)
```
#07a59e
```
#07a59e rgb(7,165,158)
```
#08b8b0
```
#08b8b0 rgb(8,184,176)
```
#09cbc2
```
#09cbc2 rgb(9,203,194)
```
#0addd4
```
#0addd4 rgb(10,221,212)
```
#0bf0e6
```
#0bf0e6 rgb(11,240,230)
```

Shade Color Variation

#1af5eb
```
#1af5eb rgb(26,245,235)
```
#2df6ec
```
#2df6ec rgb(45,246,236)
```
#3ff6ee
```
#3ff6ee rgb(63,246,238)
```
#52f7f0
```
#52f7f0 rgb(82,247,240)
```
#65f8f1
```
#65f8f1 rgb(101,248,241)
```
#78f9f3
```
#78f9f3 rgb(120,249,243)
```
#8afaf5
```
#8afaf5 rgb(138,250,245)
```
#9dfbf6
```
#9dfbf6 rgb(157,251,246)
```
#b0fbf8
```
#b0fbf8 rgb(176,251,248)
```
#c3fcfa
```
#c3fcfa rgb(195,252,250)
```
#d6fdfb
```
#d6fdfb rgb(214,253,251)
```
#e8fefd
```
#e8fefd rgb(232,254,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#2c3232
```
#2c3232 rgb(44,50,50)
```
#283635
```
#283635 rgb(40,54,53)
```
#253938
```
#253938 rgb(37,57,56)
```
#213d3c
```
#213d3c rgb(33,61,60)
```
#1d413f
```
#1d413f rgb(29,65,63)
```
#1a4442
```
#1a4442 rgb(26,68,66)
```
#164846
```
#164846 rgb(22,72,70)
```
#124c49
```
#124c49 rgb(18,76,73)
```
#0f4f4c
```
#0f4f4c rgb(15,79,76)
```
#0b534f
```
#0b534f rgb(11,83,79)
```
#085653
```
#085653 rgb(8,86,83)
```
#045a56
```
#045a56 rgb(4,90,86)
```
#005e59
```
#005e59 rgb(0,94,89)
```

Tone Color Variation

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

Dichromacy

#5a5859 Protanopia 1% of men
#5c5663 Deuteranopia 1% of men
#1c6168 Tritanopia 0.001% of the population

Trichromacy

#3a5958 Protanomaly 1% of men, 0.01% of women
#3c585e Deuteranomaly 6% of men, 0.4% of women
#135e61 Tritanomaly 0.01% of the population

#045a56 hex color

#045a56 Color Information

#045a56 Color Conversion

Color Schemes with #045a56

Alternatives to #045a56

#045a56 Preview

Shades and Tints of #045a56

Tones of #045a56

Color Blindness Simulator