#45ae69 hex color

In a RGB color space, hex #45ae69 is composed of 27.1% red, 68.2% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 39.7% yellow and 31.8% black. It has a hue angle of 140.6 degrees, a saturation of 43.2% and a lightness of 47.6%. #45ae69 color hex could be obtained by blending #8affd2 with #005d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 68
- B 41
RGB color chart
- C 60
- M 0
- Y 40
- K 32
CMYK color chart

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

The hexadecimal color #45ae69 has RGB values of R:69, G:174, B:105 and CMYK values of C:0.6, M:0, Y:0.4, K:0.32. Its decimal value is 4566633.

Hex triplet	45ae69	`#45ae69`
RGB Decimal	69, 174, 105	`rgb(69,174,105)`
RGB Percent	27.1, 68.2, 41.2	`rgb(27.1%,68.2%,41.2%)`
CMYK	60, 0, 40, 32
HSL	140.6°, 43.2, 47.6	`hsl(140.6,43.2%,47.6%)`
HSV (or HSB)	140.6°, 60.3, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.799, -45.881, 26.64
XYZ	20.139, 32.556, 18.586
xyY	0.283, 0.457, 32.556
CIE-LCH	63.799, 53.055, 149.859
CIE-LUV	63.799, -45.675, 42.261
Hunter-Lab	57.058, -36.848, 20.627
Binary	01000101, 10101110, 01101001

#45ae69
```
#45ae69 rgb(69,174,105)
```
#ae458a
```
#ae458a rgb(174,69,138)
```

Complementary Color

#56ae45
```
#56ae45 rgb(86,174,69)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#45ae9e
```
#45ae9e rgb(69,174,158)
```

Analogous Color

#ae4556
```
#ae4556 rgb(174,69,86)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#9e45ae
```
#9e45ae rgb(158,69,174)
```

Split Complementary Color

#ae6945
```
#ae6945 rgb(174,105,69)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#6945ae
```
#6945ae rgb(105,69,174)
```

Triadic Color

#8aae45
```
#8aae45 rgb(138,174,69)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#6945ae
```
#6945ae rgb(105,69,174)
```
#ae458a
```
#ae458a rgb(174,69,138)
```

Tetradic Color

#2f7748
```
#2f7748 rgb(47,119,72)
```
#378953
```
#378953 rgb(55,137,83)
```
#3e9c5e
```
#3e9c5e rgb(62,156,94)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#52ba76
```
#52ba76 rgb(82,186,118)
```
#64c284
```
#64c284 rgb(100,194,132)
```
#77c993
```
#77c993 rgb(119,201,147)
```

Monochromatic Color

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

#45ae4f
```
#45ae4f rgb(69,174,79)
```
#45ae58
```
#45ae58 rgb(69,174,88)
```
#45ae60
```
#45ae60 rgb(69,174,96)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#45ae72
```
#45ae72 rgb(69,174,114)
```
#45ae7b
```
#45ae7b rgb(69,174,123)
```
#45ae83
```
#45ae83 rgb(69,174,131)
```

Similar Colors

Text with hexadecimal color #45ae69

This text has a font color of #45ae69.

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

#45ae69 background color

This paragraph has a background color of #45ae69.

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

#45ae69 border color

This element has a border color of #45ae69.

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

CSS codes

.text {color:#45ae69;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#08130c
```
#08130c rgb(8,19,12)
```
#0d2214
```
#0d2214 rgb(13,34,20)
```
#13301d
```
#13301d rgb(19,48,29)
```
#183e25
```
#183e25 rgb(24,62,37)
```
#1e4c2e
```
#1e4c2e rgb(30,76,46)
```
#245a36
```
#245a36 rgb(36,90,54)
```
#29683f
```
#29683f rgb(41,104,63)
```
#2f7647
```
#2f7647 rgb(47,118,71)
```
#348450
```
#348450 rgb(52,132,80)
```
#3a9258
```
#3a9258 rgb(58,146,88)
```
#3fa061
```
#3fa061 rgb(63,160,97)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```

Shade Color Variation

#4eb973
```
#4eb973 rgb(78,185,115)
```
#5cbe7e
```
#5cbe7e rgb(92,190,126)
```
#6ac489
```
#6ac489 rgb(106,196,137)
```
#78c994
```
#78c994 rgb(120,201,148)
```
#86cf9f
```
#86cf9f rgb(134,207,159)
```
#94d5aa
```
#94d5aa rgb(148,213,170)
```
#a2dab5
```
#a2dab5 rgb(162,218,181)
```
#b0e0c0
```
#b0e0c0 rgb(176,224,192)
```
#bee5cc
```
#bee5cc rgb(190,229,204)
```
#ccebd7
```
#ccebd7 rgb(204,235,215)
```
#daf0e2
```
#daf0e2 rgb(218,240,226)
```
#e8f6ed
```
#e8f6ed rgb(232,246,237)
```
#f6fcf8
```
#f6fcf8 rgb(246,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747f78 is the less saturated color, while #04ef54 is the most saturated one.

#747f78
```
#747f78 rgb(116,127,120)
```
#6a8975
```
#6a8975 rgb(106,137,117)
```
#619272
```
#619272 rgb(97,146,114)
```
#589b6f
```
#589b6f rgb(88,155,111)
```
#4ea56c
```
#4ea56c rgb(78,165,108)
```
#45ae69
```
#45ae69 rgb(69,174,105)
```
#3cb766
```
#3cb766 rgb(60,183,102)
```
#32c163
```
#32c163 rgb(50,193,99)
```
#29ca60
```
#29ca60 rgb(41,202,96)
```
#20d35d
```
#20d35d rgb(32,211,93)
```
#16dd5a
```
#16dd5a rgb(22,221,90)
```
#0de657
```
#0de657 rgb(13,230,87)
```
#04ef54
```
#04ef54 rgb(4,239,84)
```

Tone Color Variation

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

Dichromacy

#ad9f69 Protanopia 1% of men
#bb9979 Deuteranopia 1% of men
#66a9b6 Tritanopia 0.001% of the population

Trichromacy

#87a469 Protanomaly 1% of men, 0.01% of women
#90a173 Deuteranomaly 6% of men, 0.4% of women
#5aab9a Tritanomaly 0.01% of the population

#45ae69 hex color

#45ae69 Color Information

#45ae69 Color Conversion

Color Schemes with #45ae69

Alternatives to #45ae69

#45ae69 Preview

Shades and Tints of #45ae69

Tones of #45ae69

Color Blindness Simulator