#045a45 hex color

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

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

● #045a45 color description : Very dark cyan.

The hexadecimal color #045a45 has RGB values of R:4, G:90, B:69 and CMYK values of C:0.96, M:0, Y:0.23, K:0.65. Its decimal value is 285253.

Hex triplet	045a45	`#045a45`
RGB Decimal	4, 90, 69	`rgb(4,90,69)`
RGB Percent	1.6, 35.3, 27.1	`rgb(1.6%,35.3%,27.1%)`
CMYK	96, 0, 23, 65
HSL	165.3°, 91.5, 18.4	`hsl(165.3,91.5%,18.4%)`
HSV (or HSB)	165.3°, 95.6, 35.3
Web Safe	006633	`#006633`

CIE-LAB	33.493, -28.776, 5.685
XYZ	4.78, 7.767, 6.877
xyY	0.246, 0.4, 7.767
CIE-LCH	33.493, 29.332, 168.825
CIE-LUV	33.493, -27.482, 10.551
Hunter-Lab	27.87, -18.158, 4.878
Binary	00000100, 01011010, 01000101

#045a45
```
#045a45 rgb(4,90,69)
```
#5a0419
```
#5a0419 rgb(90,4,25)
```

Complementary Color

#045a1a
```
#045a1a rgb(4,90,26)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#04445a
```
#04445a rgb(4,68,90)
```

Analogous Color

#5a1a04
```
#5a1a04 rgb(90,26,4)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#5a0444
```
#5a0444 rgb(90,4,68)
```

Split Complementary Color

#5a4504
```
#5a4504 rgb(90,69,4)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#45045a
```
#45045a rgb(69,4,90)
```

Triadic Color

#195a04
```
#195a04 rgb(25,90,4)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#45045a
```
#45045a rgb(69,4,90)
```
#5a0419
```
#5a0419 rgb(90,4,25)
```

Tetradic Color

#01110d
```
#01110d rgb(1,17,13)
```
#022920
```
#022920 rgb(2,41,32)
```
#034232
```
#034232 rgb(3,66,50)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#057258
```
#057258 rgb(5,114,88)
```
#068b6a
```
#068b6a rgb(6,139,106)
```
#07a37d
```
#07a37d rgb(7,163,125)
```

Monochromatic Color

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

#045a30
```
#045a30 rgb(4,90,48)
```
#045a37
```
#045a37 rgb(4,90,55)
```
#045a3e
```
#045a3e rgb(4,90,62)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#045a4c
```
#045a4c rgb(4,90,76)
```
#045a53
```
#045a53 rgb(4,90,83)
```
#045a5a
```
#045a5a rgb(4,90,90)
```

Similar Colors

Text with hexadecimal color #045a45

This text has a font color of #045a45.

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

#045a45 background color

This paragraph has a background color of #045a45.

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

#045a45 border color

This element has a border color of #045a45.

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

CSS codes

.text {color:#045a45;}

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

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

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

#010f0b
```
#010f0b rgb(1,15,11)
```
#01221a
```
#01221a rgb(1,34,26)
```
#023428
```
#023428 rgb(2,52,40)
```
#034737
```
#034737 rgb(3,71,55)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#056d53
```
#056d53 rgb(5,109,83)
```
#068062
```
#068062 rgb(6,128,98)
```
#079270
```
#079270 rgb(7,146,112)
```
#07a57f
```
#07a57f rgb(7,165,127)
```
#08b88d
```
#08b88d rgb(8,184,141)
```
#09cb9b
```
#09cb9b rgb(9,203,155)
```
#0addaa
```
#0addaa rgb(10,221,170)
```
#0bf0b8
```
#0bf0b8 rgb(11,240,184)
```

Shade Color Variation

#1af5bf
```
#1af5bf rgb(26,245,191)
```
#2df6c5
```
#2df6c5 rgb(45,246,197)
```
#3ff6ca
```
#3ff6ca rgb(63,246,202)
```
#52f7cf
```
#52f7cf rgb(82,247,207)
```
#65f8d4
```
#65f8d4 rgb(101,248,212)
```
#78f9d9
```
#78f9d9 rgb(120,249,217)
```
#8afadf
```
#8afadf rgb(138,250,223)
```
#9dfbe4
```
#9dfbe4 rgb(157,251,228)
```
#b0fbe9
```
#b0fbe9 rgb(176,251,233)
```
#c3fcee
```
#c3fcee rgb(195,252,238)
```
#d6fdf3
```
#d6fdf3 rgb(214,253,243)
```
#e8fef9
```
#e8fef9 rgb(232,254,249)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#2c3231
```
#2c3231 rgb(44,50,49)
```
#283633
```
#283633 rgb(40,54,51)
```
#253934
```
#253934 rgb(37,57,52)
```
#213d36
```
#213d36 rgb(33,61,54)
```
#1d4138
```
#1d4138 rgb(29,65,56)
```
#1a443a
```
#1a443a rgb(26,68,58)
```
#16483c
```
#16483c rgb(22,72,60)
```
#124c3e
```
#124c3e rgb(18,76,62)
```
#0f4f3f
```
#0f4f3f rgb(15,79,63)
```
#0b5341
```
#0b5341 rgb(11,83,65)
```
#085643
```
#085643 rgb(8,86,67)
```
#045a45
```
#045a45 rgb(4,90,69)
```
#005e47
```
#005e47 rgb(0,94,71)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#32443f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5749 Protanopia 1% of men
#615553 Deuteranopia 1% of men
#265f66 Tritanopia 0.001% of the population

Trichromacy

#3c5847 Protanomaly 1% of men, 0.01% of women
#3f564e Deuteranomaly 6% of men, 0.4% of women
#195d5a Tritanomaly 0.01% of the population

#045a45 hex color

#045a45 Color Information

#045a45 Color Conversion

Color Schemes with #045a45

Alternatives to #045a45

#045a45 Preview

Shades and Tints of #045a45

Tones of #045a45

Color Blindness Simulator