#45af66 hex color

In a RGB color space, hex #45af66 is composed of 27.1% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 41.7% yellow and 31.4% black. It has a hue angle of 138.7 degrees, a saturation of 43.4% and a lightness of 47.8%. #45af66 color hex could be obtained by blending #8affcc with #005f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #45af66 has RGB values of R:69, G:175, B:102 and CMYK values of C:0.61, M:0, Y:0.42, K:0.31. Its decimal value is 4566886.

Hex triplet	45af66	`#45af66`
RGB Decimal	69, 175, 102	`rgb(69,175,102)`
RGB Percent	27.1, 68.6, 40	`rgb(27.1%,68.6%,40%)`
CMYK	61, 0, 42, 31
HSL	138.7°, 43.4, 47.8	`hsl(138.7,43.4%,47.8%)`
HSV (or HSB)	138.7°, 60.6, 68.6
Web Safe	339966	`#339966`

CIE-LAB	64.066, -46.821, 28.578
XYZ	20.181, 32.883, 17.853
xyY	0.285, 0.464, 32.883
CIE-LCH	64.066, 54.853, 148.601
CIE-LUV	64.066, -46.193, 44.665
Hunter-Lab	57.344, -37.531, 21.681
Binary	01000101, 10101111, 01100110

#45af66
```
#45af66 rgb(69,175,102)
```
#af458e
```
#af458e rgb(175,69,142)
```

Complementary Color

#59af45
```
#59af45 rgb(89,175,69)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#45af9b
```
#45af9b rgb(69,175,155)
```

Analogous Color

#af4559
```
#af4559 rgb(175,69,89)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#9b45af
```
#9b45af rgb(155,69,175)
```

Split Complementary Color

#af6645
```
#af6645 rgb(175,102,69)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#6645af
```
#6645af rgb(102,69,175)
```

Triadic Color

#8eaf45
```
#8eaf45 rgb(142,175,69)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#6645af
```
#6645af rgb(102,69,175)
```
#af458e
```
#af458e rgb(175,69,142)
```

Tetradic Color

#2f7846
```
#2f7846 rgb(47,120,70)
```
#378a51
```
#378a51 rgb(55,138,81)
```
#3e9d5b
```
#3e9d5b rgb(62,157,91)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#53bb73
```
#53bb73 rgb(83,187,115)
```
#65c282
```
#65c282 rgb(101,194,130)
```
#77c991
```
#77c991 rgb(119,201,145)
```

Monochromatic Color

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

#45af4c
```
#45af4c rgb(69,175,76)
```
#45af54
```
#45af54 rgb(69,175,84)
```
#45af5d
```
#45af5d rgb(69,175,93)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#45af6f
```
#45af6f rgb(69,175,111)
```
#45af78
```
#45af78 rgb(69,175,120)
```
#45af81
```
#45af81 rgb(69,175,129)
```

Similar Colors

Text with hexadecimal color #45af66

This text has a font color of #45af66.

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

#45af66 background color

This paragraph has a background color of #45af66.

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

#45af66 border color

This element has a border color of #45af66.

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

CSS codes

.text {color:#45af66;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#08140c
```
#08140c rgb(8,20,12)
```
#0e2214
```
#0e2214 rgb(14,34,20)
```
#13301c
```
#13301c rgb(19,48,28)
```
#193e24
```
#193e24 rgb(25,62,36)
```
#1e4d2d
```
#1e4d2d rgb(30,77,45)
```
#245b35
```
#245b35 rgb(36,91,53)
```
#29693d
```
#29693d rgb(41,105,61)
```
#2f7745
```
#2f7745 rgb(47,119,69)
```
#34854d
```
#34854d rgb(52,133,77)
```
#3a9356
```
#3a9356 rgb(58,147,86)
```
#3fa15e
```
#3fa15e rgb(63,161,94)
```
#45af66
```
#45af66 rgb(69,175,102)
```

Shade Color Variation

#4eb970
```
#4eb970 rgb(78,185,112)
```
#5cbf7b
```
#5cbf7b rgb(92,191,123)
```
#6ac486
```
#6ac486 rgb(106,196,134)
```
#78ca92
```
#78ca92 rgb(120,202,146)
```
#87d09d
```
#87d09d rgb(135,208,157)
```
#95d5a9
```
#95d5a9 rgb(149,213,169)
```
#a3dbb4
```
#a3dbb4 rgb(163,219,180)
```
#b1e0c0
```
#b1e0c0 rgb(177,224,192)
```
#bfe6cb
```
#bfe6cb rgb(191,230,203)
```
#cdebd6
```
#cdebd6 rgb(205,235,214)
```
#dbf1e2
```
#dbf1e2 rgb(219,241,226)
```
#e9f6ed
```
#e9f6ed rgb(233,246,237)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#748078
```
#748078 rgb(116,128,120)
```
#6b8974
```
#6b8974 rgb(107,137,116)
```
#619371
```
#619371 rgb(97,147,113)
```
#589c6d
```
#589c6d rgb(88,156,109)
```
#4ea66a
```
#4ea66a rgb(78,166,106)
```
#45af66
```
#45af66 rgb(69,175,102)
```
#3cb862
```
#3cb862 rgb(60,184,98)
```
#32c25f
```
#32c25f rgb(50,194,95)
```
#29cb5b
```
#29cb5b rgb(41,203,91)
```
#1fd558
```
#1fd558 rgb(31,213,88)
```
#16de54
```
#16de54 rgb(22,222,84)
```
#0de751
```
#0de751 rgb(13,231,81)
```
#03f14d
```
#03f14d rgb(3,241,77)
```

Tone Color Variation

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

#aea066 Protanopia 1% of men
#bd9a76 Deuteranopia 1% of men
#67aab6 Tritanopia 0.001% of the population

Trichromacy

#88a566 Protanomaly 1% of men, 0.01% of women
#91a170 Deuteranomaly 6% of men, 0.4% of women
#5bac99 Tritanomaly 0.01% of the population

#45af66 hex color

#45af66 Color Information

#45af66 Color Conversion

Color Schemes with #45af66

Alternatives to #45af66

#45af66 Preview

Shades and Tints of #45af66

Tones of #45af66

Color Blindness Simulator