#45a986 hex color

In a RGB color space, hex #45a986 is composed of 27.1% red, 66.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 20.7% yellow and 33.7% black. It has a hue angle of 159 degrees, a saturation of 42% and a lightness of 46.7%. #45a986 color hex could be obtained by blending #8affff with #00530d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 66
- B 53
RGB color chart
- C 59
- M 0
- Y 21
- K 34
CMYK color chart

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

The hexadecimal color #45a986 has RGB values of R:69, G:169, B:134 and CMYK values of C:0.59, M:0, Y:0.21, K:0.34. Its decimal value is 4565382.

Hex triplet	45a986	`#45a986`
RGB Decimal	69, 169, 134	`rgb(69,169,134)`
RGB Percent	27.1, 66.3, 52.5	`rgb(27.1%,66.3%,52.5%)`
CMYK	59, 0, 21, 34
HSL	159°, 42, 46.7	`hsl(159,42%,46.7%)`
HSV (or HSB)	159°, 59.2, 66.3
Web Safe	339999	`#339999`

CIE-LAB	62.811, -37.701, 9.456
XYZ	20.944, 31.361, 27.502
xyY	0.262, 0.393, 31.361
CIE-LCH	62.811, 38.869, 165.92
CIE-LUV	62.811, -42.342, 19.189
Hunter-Lab	56.001, -31.244, 10.083
Binary	01000101, 10101001, 10000110

#45a986
```
#45a986 rgb(69,169,134)
```
#a94568
```
#a94568 rgb(169,69,104)
```

Complementary Color

#45a954
```
#45a954 rgb(69,169,84)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#459aa9
```
#459aa9 rgb(69,154,169)
```

Analogous Color

#a95445
```
#a95445 rgb(169,84,69)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#a9459a
```
#a9459a rgb(169,69,154)
```

Split Complementary Color

#a98645
```
#a98645 rgb(169,134,69)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#8645a9
```
#8645a9 rgb(134,69,169)
```

Triadic Color

#68a945
```
#68a945 rgb(104,169,69)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#8645a9
```
#8645a9 rgb(134,69,169)
```
#a94568
```
#a94568 rgb(169,69,104)
```

Tetradic Color

#2f735b
```
#2f735b rgb(47,115,91)
```
#368569
```
#368569 rgb(54,133,105)
```
#3e9778
```
#3e9778 rgb(62,151,120)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#50b893
```
#50b893 rgb(80,184,147)
```
#62bf9e
```
#62bf9e rgb(98,191,158)
```
#74c6aa
```
#74c6aa rgb(116,198,170)
```

Monochromatic Color

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

#45a96d
```
#45a96d rgb(69,169,109)
```
#45a975
```
#45a975 rgb(69,169,117)
```
#45a97e
```
#45a97e rgb(69,169,126)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#45a98e
```
#45a98e rgb(69,169,142)
```
#45a997
```
#45a997 rgb(69,169,151)
```
#45a99f
```
#45a99f rgb(69,169,159)
```

Similar Colors

Text with hexadecimal color #45a986

This text has a font color of #45a986.

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

#45a986 background color

This paragraph has a background color of #45a986.

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

#45a986 border color

This element has a border color of #45a986.

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

CSS codes

.text {color:#45a986;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#06100d
```
#06100d rgb(6,16,13)
```
#0c1e18
```
#0c1e18 rgb(12,30,24)
```
#122c23
```
#122c23 rgb(18,44,35)
```
#183a2e
```
#183a2e rgb(24,58,46)
```
#1d4839
```
#1d4839 rgb(29,72,57)
```
#235544
```
#235544 rgb(35,85,68)
```
#29634f
```
#29634f rgb(41,99,79)
```
#2e715a
```
#2e715a rgb(46,113,90)
```
#347f65
```
#347f65 rgb(52,127,101)
```
#3a8d70
```
#3a8d70 rgb(58,141,112)
```
#3f9b7b
```
#3f9b7b rgb(63,155,123)
```
#45a986
```
#45a986 rgb(69,169,134)
```

Shade Color Variation

#4cb691
```
#4cb691 rgb(76,182,145)
```
#5abc99
```
#5abc99 rgb(90,188,153)
```
#68c1a2
```
#68c1a2 rgb(104,193,162)
```
#76c7aa
```
#76c7aa rgb(118,199,170)
```
#84cdb3
```
#84cdb3 rgb(132,205,179)
```
#91d2bc
```
#91d2bc rgb(145,210,188)
```
#9fd8c4
```
#9fd8c4 rgb(159,216,196)
```
#addecd
```
#addecd rgb(173,222,205)
```
#bbe3d5
```
#bbe3d5 rgb(187,227,213)
```
#c9e9de
```
#c9e9de rgb(201,233,222)
```
#d7efe6
```
#d7efe6 rgb(215,239,230)
```
#e5f4ef
```
#e5f4ef rgb(229,244,239)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737b78 is the less saturated color, while #05e999 is the most saturated one.

#737b78
```
#737b78 rgb(115,123,120)
```
#6a847b
```
#6a847b rgb(106,132,123)
```
#608e7e
```
#608e7e rgb(96,142,126)
```
#579781
```
#579781 rgb(87,151,129)
```
#4ea083
```
#4ea083 rgb(78,160,131)
```
#45a986
```
#45a986 rgb(69,169,134)
```
#3cb289
```
#3cb289 rgb(60,178,137)
```
#33bb8b
```
#33bb8b rgb(51,187,139)
```
#2ac48e
```
#2ac48e rgb(42,196,142)
```
#20ce91
```
#20ce91 rgb(32,206,145)
```
#17d794
```
#17d794 rgb(23,215,148)
```
#0ee096
```
#0ee096 rgb(14,224,150)
```
#05e999
```
#05e999 rgb(5,233,153)
```

Tone Color Variation

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

Dichromacy

#a59c84 Protanopia 1% of men
#af9893 Deuteranopia 1% of men
#5fa7b4 Tritanopia 0.001% of the population

Trichromacy

#82a185 Protanomaly 1% of men, 0.01% of women
#889e8e Deuteranomaly 6% of men, 0.4% of women
#55a8a3 Tritanomaly 0.01% of the population

#45a986 hex color

#45a986 Color Information

#45a986 Color Conversion

Color Schemes with #45a986

Alternatives to #45a986

#45a986 Preview

Shades and Tints of #45a986

Tones of #45a986

Color Blindness Simulator