#45b063 hex color

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

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

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

The hexadecimal color #45b063 has RGB values of R:69, G:176, B:99 and CMYK values of C:0.61, M:0, Y:0.44, K:0.31. Its decimal value is 4567139.

Hex triplet	45b063	`#45b063`
RGB Decimal	69, 176, 99	`rgb(69,176,99)`
RGB Percent	27.1, 69, 38.8	`rgb(27.1%,69%,38.8%)`
CMYK	61, 0, 44, 31
HSL	136.8°, 43.7, 48	`hsl(136.8,43.7%,48%)`
HSV (or HSB)	136.8°, 60.8, 69
Web Safe	339966	`#339966`

CIE-LAB	64.335, -47.737, 30.501
XYZ	20.23, 33.215, 17.149
xyY	0.287, 0.471, 33.215
CIE-LCH	64.335, 56.649, 147.424
CIE-LUV	64.335, -46.708, 47.004
Hunter-Lab	57.633, -38.199, 22.701
Binary	01000101, 10110000, 01100011

#45b063
```
#45b063 rgb(69,176,99)
```
#b04592
```
#b04592 rgb(176,69,146)
```

Complementary Color

#5db045
```
#5db045 rgb(93,176,69)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#45b099
```
#45b099 rgb(69,176,153)
```

Analogous Color

#b0455d
```
#b0455d rgb(176,69,93)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#9945b0
```
#9945b0 rgb(153,69,176)
```

Split Complementary Color

#b06345
```
#b06345 rgb(176,99,69)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#6345b0
```
#6345b0 rgb(99,69,176)
```

Triadic Color

#92b045
```
#92b045 rgb(146,176,69)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#6345b0
```
#6345b0 rgb(99,69,176)
```
#b04592
```
#b04592 rgb(176,69,146)
```

Tetradic Color

#2f7944
```
#2f7944 rgb(47,121,68)
```
#378b4e
```
#378b4e rgb(55,139,78)
```
#3e9e59
```
#3e9e59 rgb(62,158,89)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#53bc70
```
#53bc70 rgb(83,188,112)
```
#65c37f
```
#65c37f rgb(101,195,127)
```
#78ca8f
```
#78ca8f rgb(120,202,143)
```

Monochromatic Color

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

#45b048
```
#45b048 rgb(69,176,72)
```
#45b051
```
#45b051 rgb(69,176,81)
```
#45b05a
```
#45b05a rgb(69,176,90)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#45b06c
```
#45b06c rgb(69,176,108)
```
#45b075
```
#45b075 rgb(69,176,117)
```
#45b07e
```
#45b07e rgb(69,176,126)
```

Similar Colors

Text with hexadecimal color #45b063

This text has a font color of #45b063.

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

#45b063 background color

This paragraph has a background color of #45b063.

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

#45b063 border color

This element has a border color of #45b063.

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

CSS codes

.text {color:#45b063;}

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

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

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)
```
#08150c
```
#08150c rgb(8,21,12)
```
#0e2314
```
#0e2314 rgb(14,35,20)
```
#13311c
```
#13311c rgb(19,49,28)
```
#193f24
```
#193f24 rgb(25,63,36)
```
#1e4d2c
```
#1e4d2c rgb(30,77,44)
```
#245b33
```
#245b33 rgb(36,91,51)
```
#296a3b
```
#296a3b rgb(41,106,59)
```
#2f7843
```
#2f7843 rgb(47,120,67)
```
#34864b
```
#34864b rgb(52,134,75)
```
#3a9453
```
#3a9453 rgb(58,148,83)
```
#3fa25b
```
#3fa25b rgb(63,162,91)
```
#45b063
```
#45b063 rgb(69,176,99)
```

Shade Color Variation

#4fba6d
```
#4fba6d rgb(79,186,109)
```
#5dbf78
```
#5dbf78 rgb(93,191,120)
```
#6bc584
```
#6bc584 rgb(107,197,132)
```
#79ca90
```
#79ca90 rgb(121,202,144)
```
#87d09c
```
#87d09c rgb(135,208,156)
```
#95d6a7
```
#95d6a7 rgb(149,214,167)
```
#a3dbb3
```
#a3dbb3 rgb(163,219,179)
```
#b1e1bf
```
#b1e1bf rgb(177,225,191)
```
#bfe6ca
```
#bfe6ca rgb(191,230,202)
```
#ceecd6
```
#ceecd6 rgb(206,236,214)
```
#dcf1e2
```
#dcf1e2 rgb(220,241,226)
```
#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, #748178 is the less saturated color, while #03f246 is the most saturated one.

#748178
```
#748178 rgb(116,129,120)
```
#6b8a74
```
#6b8a74 rgb(107,138,116)
```
#61946f
```
#61946f rgb(97,148,111)
```
#589d6b
```
#589d6b rgb(88,157,107)
```
#4ea767
```
#4ea767 rgb(78,167,103)
```
#45b063
```
#45b063 rgb(69,176,99)
```
#3cb95f
```
#3cb95f rgb(60,185,95)
```
#32c35b
```
#32c35b rgb(50,195,91)
```
#29cc57
```
#29cc57 rgb(41,204,87)
```
#1fd652
```
#1fd652 rgb(31,214,82)
```
#16df4e
```
#16df4e rgb(22,223,78)
```
#0ce94a
```
#0ce94a rgb(12,233,74)
```
#03f246
```
#03f246 rgb(3,242,70)
```

Tone Color Variation

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

Dichromacy

#afa164 Protanopia 1% of men
#be9a73 Deuteranopia 1% of men
#68abb7 Tritanopia 0.001% of the population

Trichromacy

#88a663 Protanomaly 1% of men, 0.01% of women
#92a26d Deuteranomaly 6% of men, 0.4% of women
#5bac98 Tritanomaly 0.01% of the population

#45b063 hex color

#45b063 Color Information

#45b063 Color Conversion

Color Schemes with #45b063

Alternatives to #45b063

#45b063 Preview

Shades and Tints of #45b063

Tones of #45b063

Color Blindness Simulator