#45b060 hex color

In a RGB color space, hex #45b060 is composed of 27.1% red, 69% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 45.5% yellow and 31% black. It has a hue angle of 135.1 degrees, a saturation of 43.7% and a lightness of 48%. #45b060 color hex could be obtained by blending #8affc0 with #006100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 69
- B 38
RGB color chart
- C 61
- M 0
- Y 45
- K 31
CMYK color chart

● #45b060 color description : Dark moderate cyan - lime green.

The hexadecimal color #45b060 has RGB values of R:69, G:176, B:96 and CMYK values of C:0.61, M:0, Y:0.45, K:0.31. Its decimal value is 4567136.

Hex triplet	45b060	`#45b060`
RGB Decimal	69, 176, 96	`rgb(69,176,96)`
RGB Percent	27.1, 69, 37.6	`rgb(27.1%,69%,37.6%)`
CMYK	61, 0, 45, 31
HSL	135.1°, 43.7, 48	`hsl(135.1,43.7%,48%)`
HSV (or HSB)	135.1°, 60.8, 69
Web Safe	339966	`#339966`

CIE-LAB	64.289, -48.235, 32.002
XYZ	20.09, 33.159, 16.407
xyY	0.288, 0.476, 33.159
CIE-LCH	64.289, 57.886, 146.438
CIE-LUV	64.289, -46.833, 48.707
Hunter-Lab	57.584, -38.496, 23.415
Binary	01000101, 10110000, 01100000

#45b060
```
#45b060 rgb(69,176,96)
```
#b04595
```
#b04595 rgb(176,69,149)
```

Complementary Color

#60b045
```
#60b045 rgb(96,176,69)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#45b096
```
#45b096 rgb(69,176,150)
```

Analogous Color

#b04560
```
#b04560 rgb(176,69,96)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#9645b0
```
#9645b0 rgb(150,69,176)
```

Split Complementary Color

#b06045
```
#b06045 rgb(176,96,69)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#6045b0
```
#6045b0 rgb(96,69,176)
```

Triadic Color

#95b045
```
#95b045 rgb(149,176,69)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#6045b0
```
#6045b0 rgb(96,69,176)
```
#b04595
```
#b04595 rgb(176,69,149)
```

Tetradic Color

#2f7942
```
#2f7942 rgb(47,121,66)
```
#378b4c
```
#378b4c rgb(55,139,76)
```
#3e9e56
```
#3e9e56 rgb(62,158,86)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#53bc6d
```
#53bc6d rgb(83,188,109)
```
#65c37d
```
#65c37d rgb(101,195,125)
```
#78ca8c
```
#78ca8c rgb(120,202,140)
```

Monochromatic Color

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

#45b045
```
#45b045 rgb(69,176,69)
```
#45b04e
```
#45b04e rgb(69,176,78)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#45b069
```
#45b069 rgb(69,176,105)
```
#45b072
```
#45b072 rgb(69,176,114)
```
#45b07b
```
#45b07b rgb(69,176,123)
```

Similar Colors

Text with hexadecimal color #45b060

This text has a font color of #45b060.

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

#45b060 background color

This paragraph has a background color of #45b060.

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

#45b060 border color

This element has a border color of #45b060.

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

CSS codes

.text {color:#45b060;}

.background {background-color:#45b060;}

.border {border:1px solid #45b060;}

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

#030704
```
#030704 rgb(3,7,4)
```
#08150b
```
#08150b rgb(8,21,11)
```
#0e2313
```
#0e2313 rgb(14,35,19)
```
#13311b
```
#13311b rgb(19,49,27)
```
#193f23
```
#193f23 rgb(25,63,35)
```
#1e4d2a
```
#1e4d2a rgb(30,77,42)
```
#245b32
```
#245b32 rgb(36,91,50)
```
#296a3a
```
#296a3a rgb(41,106,58)
```
#2f7841
```
#2f7841 rgb(47,120,65)
```
#348649
```
#348649 rgb(52,134,73)
```
#3a9451
```
#3a9451 rgb(58,148,81)
```
#3fa258
```
#3fa258 rgb(63,162,88)
```
#45b060
```
#45b060 rgb(69,176,96)
```

Shade Color Variation

#4fba6a
```
#4fba6a rgb(79,186,106)
```
#5dbf76
```
#5dbf76 rgb(93,191,118)
```
#6bc582
```
#6bc582 rgb(107,197,130)
```
#79ca8e
```
#79ca8e rgb(121,202,142)
```
#87d099
```
#87d099 rgb(135,208,153)
```
#95d6a5
```
#95d6a5 rgb(149,214,165)
```
#a3dbb1
```
#a3dbb1 rgb(163,219,177)
```
#b1e1bd
```
#b1e1bd rgb(177,225,189)
```
#bfe6c9
```
#bfe6c9 rgb(191,230,201)
```
#ceecd5
```
#ceecd5 rgb(206,236,213)
```
#dcf1e1
```
#dcf1e1 rgb(220,241,225)
```
#eaf7ed
```
#eaf7ed rgb(234,247,237)
```
#f8fcf9
```
#f8fcf9 rgb(248,252,249)
```

Tint Color Variation

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

#748177
```
#748177 rgb(116,129,119)
```
#6b8a73
```
#6b8a73 rgb(107,138,115)
```
#61946e
```
#61946e rgb(97,148,110)
```
#589d69
```
#589d69 rgb(88,157,105)
```
#4ea765
```
#4ea765 rgb(78,167,101)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#3cb95b
```
#3cb95b rgb(60,185,91)
```
#32c357
```
#32c357 rgb(50,195,87)
```
#29cc52
```
#29cc52 rgb(41,204,82)
```
#1fd64d
```
#1fd64d rgb(31,214,77)
```
#16df49
```
#16df49 rgb(22,223,73)
```
#0ce944
```
#0ce944 rgb(12,233,68)
```
#03f23f
```
#03f23f rgb(3,242,63)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa161 Protanopia 1% of men
#bf9a71 Deuteranopia 1% of men
#68aab7 Tritanopia 0.001% of the population

Trichromacy

#88a660 Protanomaly 1% of men, 0.01% of women
#92a26a Deuteranomaly 6% of men, 0.4% of women
#5bac97 Tritanomaly 0.01% of the population

#45b060 hex color

#45b060 Color Information

#45b060 Color Conversion

Color Schemes with #45b060

Alternatives to #45b060

#45b060 Preview

Shades and Tints of #45b060

Tones of #45b060

Color Blindness Simulator