#045a36 hex color

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

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

● #045a36 color description : Very dark cyan - lime green.

The hexadecimal color #045a36 has RGB values of R:4, G:90, B:54 and CMYK values of C:0.96, M:0, Y:0.4, K:0.65. Its decimal value is 285238.

Hex triplet	045a36	`#045a36`
RGB Decimal	4, 90, 54	`rgb(4,90,54)`
RGB Percent	1.6, 35.3, 21.2	`rgb(1.6%,35.3%,21.2%)`
CMYK	96, 0, 40, 65
HSL	154.9°, 91.5, 18.4	`hsl(154.9,91.5%,18.4%)`
HSV (or HSB)	154.9°, 95.6, 35.3
Web Safe	006633	`#006633`

CIE-LAB	33.144, -32.682, 14.439
XYZ	4.372, 7.604, 4.727
xyY	0.262, 0.455, 7.604
CIE-LCH	33.144, 35.729, 156.164
CIE-LUV	33.144, -28.427, 20.562
Hunter-Lab	27.575, -19.958, 9.139
Binary	00000100, 01011010, 00110110

#045a36
```
#045a36 rgb(4,90,54)
```
#5a0428
```
#5a0428 rgb(90,4,40)
```

Complementary Color

#045a0b
```
#045a0b rgb(4,90,11)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#04535a
```
#04535a rgb(4,83,90)
```

Analogous Color

#5a0b04
```
#5a0b04 rgb(90,11,4)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#5a0453
```
#5a0453 rgb(90,4,83)
```

Split Complementary Color

#5a3604
```
#5a3604 rgb(90,54,4)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#36045a
```
#36045a rgb(54,4,90)
```

Triadic Color

#285a04
```
#285a04 rgb(40,90,4)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#36045a
```
#36045a rgb(54,4,90)
```
#5a0428
```
#5a0428 rgb(90,4,40)
```

Tetradic Color

#01110a
```
#01110a rgb(1,17,10)
```
#022919
```
#022919 rgb(2,41,25)
```
#034227
```
#034227 rgb(3,66,39)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#057245
```
#057245 rgb(5,114,69)
```
#068b53
```
#068b53 rgb(6,139,83)
```
#07a362
```
#07a362 rgb(7,163,98)
```

Monochromatic Color

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

#045a21
```
#045a21 rgb(4,90,33)
```
#045a28
```
#045a28 rgb(4,90,40)
```
#045a2f
```
#045a2f rgb(4,90,47)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#045a3d
```
#045a3d rgb(4,90,61)
```
#045a44
```
#045a44 rgb(4,90,68)
```
#045a4c
```
#045a4c rgb(4,90,76)
```

Similar Colors

Text with hexadecimal color #045a36

This text has a font color of #045a36.

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

#045a36 background color

This paragraph has a background color of #045a36.

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

#045a36 border color

This element has a border color of #045a36.

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

CSS codes

.text {color:#045a36;}

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

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

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

#010f09
```
#010f09 rgb(1,15,9)
```
#012214
```
#012214 rgb(1,34,20)
```
#02341f
```
#02341f rgb(2,52,31)
```
#03472b
```
#03472b rgb(3,71,43)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#056d41
```
#056d41 rgb(5,109,65)
```
#06804d
```
#06804d rgb(6,128,77)
```
#079258
```
#079258 rgb(7,146,88)
```
#07a563
```
#07a563 rgb(7,165,99)
```
#08b86e
```
#08b86e rgb(8,184,110)
```
#09cb7a
```
#09cb7a rgb(9,203,122)
```
#0add85
```
#0add85 rgb(10,221,133)
```
#0bf090
```
#0bf090 rgb(11,240,144)
```

Shade Color Variation

#1af599
```
#1af599 rgb(26,245,153)
```
#2df6a1
```
#2df6a1 rgb(45,246,161)
```
#3ff6aa
```
#3ff6aa rgb(63,246,170)
```
#52f7b2
```
#52f7b2 rgb(82,247,178)
```
#65f8ba
```
#65f8ba rgb(101,248,186)
```
#78f9c3
```
#78f9c3 rgb(120,249,195)
```
#8afacb
```
#8afacb rgb(138,250,203)
```
#9dfbd4
```
#9dfbd4 rgb(157,251,212)
```
#b0fbdc
```
#b0fbdc rgb(176,251,220)
```
#c3fce4
```
#c3fce4 rgb(195,252,228)
```
#d6fded
```
#d6fded rgb(214,253,237)
```
#e8fef5
```
#e8fef5 rgb(232,254,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#2c3230
```
#2c3230 rgb(44,50,48)
```
#283630
```
#283630 rgb(40,54,48)
```
#253931
```
#253931 rgb(37,57,49)
```
#213d31
```
#213d31 rgb(33,61,49)
```
#1d4132
```
#1d4132 rgb(29,65,50)
```
#1a4432
```
#1a4432 rgb(26,68,50)
```
#164833
```
#164833 rgb(22,72,51)
```
#124c34
```
#124c34 rgb(18,76,52)
```
#0f4f34
```
#0f4f34 rgb(15,79,52)
```
#0b5335
```
#0b5335 rgb(11,83,53)
```
#085635
```
#085635 rgb(8,86,53)
```
#045a36
```
#045a36 rgb(4,90,54)
```
#005e37
```
#005e37 rgb(0,94,55)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#31423b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e573b Protanopia 1% of men
#655345 Deuteranopia 1% of men
#2a5e64 Tritanopia 0.001% of the population

Trichromacy

#3d5839 Protanomaly 1% of men, 0.01% of women
#41563f Deuteranomaly 6% of men, 0.4% of women
#1c5c53 Tritanomaly 0.01% of the population

#045a36 hex color

#045a36 Color Information

#045a36 Color Conversion

Color Schemes with #045a36

Alternatives to #045a36

#045a36 Preview

Shades and Tints of #045a36

Tones of #045a36

Color Blindness Simulator