#45a98a hex color

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

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

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

The hexadecimal color #45a98a has RGB values of R:69, G:169, B:138 and CMYK values of C:0.59, M:0, Y:0.18, K:0.34. Its decimal value is 4565386.

Hex triplet	45a98a	`#45a98a`
RGB Decimal	69, 169, 138	`rgb(69,169,138)`
RGB Percent	27.1, 66.3, 54.1	`rgb(27.1%,66.3%,54.1%)`
CMYK	59, 0, 18, 34
HSL	161.4°, 42, 46.7	`hsl(161.4,42%,46.7%)`
HSV (or HSB)	161.4°, 59.2, 66.3
Web Safe	339999	`#339999`

CIE-LAB	62.906, -36.751, 7.366
XYZ	21.228, 31.474, 29
xyY	0.26, 0.385, 31.474
CIE-LCH	62.906, 37.482, 168.667
CIE-LUV	62.906, -42.137, 16.168
Hunter-Lab	56.102, -30.637, 8.624
Binary	01000101, 10101001, 10001010

#45a98a
```
#45a98a rgb(69,169,138)
```
#a94564
```
#a94564 rgb(169,69,100)
```

Complementary Color

#45a958
```
#45a958 rgb(69,169,88)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#4596a9
```
#4596a9 rgb(69,150,169)
```

Analogous Color

#a95845
```
#a95845 rgb(169,88,69)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#a94596
```
#a94596 rgb(169,69,150)
```

Split Complementary Color

#a98a45
```
#a98a45 rgb(169,138,69)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#8a45a9
```
#8a45a9 rgb(138,69,169)
```

Triadic Color

#64a945
```
#64a945 rgb(100,169,69)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#8a45a9
```
#8a45a9 rgb(138,69,169)
```
#a94564
```
#a94564 rgb(169,69,100)
```

Tetradic Color

#2f735e
```
#2f735e rgb(47,115,94)
```
#36856c
```
#36856c rgb(54,133,108)
```
#3e977b
```
#3e977b rgb(62,151,123)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#50b897
```
#50b897 rgb(80,184,151)
```
#62bfa2
```
#62bfa2 rgb(98,191,162)
```
#74c6ad
```
#74c6ad rgb(116,198,173)
```

Monochromatic Color

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

#45a971
```
#45a971 rgb(69,169,113)
```
#45a979
```
#45a979 rgb(69,169,121)
```
#45a982
```
#45a982 rgb(69,169,130)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#45a992
```
#45a992 rgb(69,169,146)
```
#45a99b
```
#45a99b rgb(69,169,155)
```
#45a9a3
```
#45a9a3 rgb(69,169,163)
```

Similar Colors

Text with hexadecimal color #45a98a

This text has a font color of #45a98a.

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

#45a98a background color

This paragraph has a background color of #45a98a.

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

#45a98a border color

This element has a border color of #45a98a.

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

CSS codes

.text {color:#45a98a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06100d
```
#06100d rgb(6,16,13)
```
#0c1e18
```
#0c1e18 rgb(12,30,24)
```
#122c24
```
#122c24 rgb(18,44,36)
```
#183a2f
```
#183a2f rgb(24,58,47)
```
#1d483a
```
#1d483a rgb(29,72,58)
```
#235546
```
#235546 rgb(35,85,70)
```
#296351
```
#296351 rgb(41,99,81)
```
#2e715d
```
#2e715d rgb(46,113,93)
```
#347f68
```
#347f68 rgb(52,127,104)
```
#3a8d73
```
#3a8d73 rgb(58,141,115)
```
#3f9b7f
```
#3f9b7f rgb(63,155,127)
```
#45a98a
```
#45a98a rgb(69,169,138)
```

Shade Color Variation

#4cb695
```
#4cb695 rgb(76,182,149)
```
#5abc9d
```
#5abc9d rgb(90,188,157)
```
#68c1a5
```
#68c1a5 rgb(104,193,165)
```
#76c7ae
```
#76c7ae rgb(118,199,174)
```
#84cdb6
```
#84cdb6 rgb(132,205,182)
```
#91d2be
```
#91d2be rgb(145,210,190)
```
#9fd8c6
```
#9fd8c6 rgb(159,216,198)
```
#addecf
```
#addecf rgb(173,222,207)
```
#bbe3d7
```
#bbe3d7 rgb(187,227,215)
```
#c9e9df
```
#c9e9df rgb(201,233,223)
```
#d7efe7
```
#d7efe7 rgb(215,239,231)
```
#e5f4f0
```
#e5f4f0 rgb(229,244,240)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

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

#737b79
```
#737b79 rgb(115,123,121)
```
#6a847c
```
#6a847c rgb(106,132,124)
```
#608e80
```
#608e80 rgb(96,142,128)
```
#579783
```
#579783 rgb(87,151,131)
```
#4ea087
```
#4ea087 rgb(78,160,135)
```
#45a98a
```
#45a98a rgb(69,169,138)
```
#3cb28d
```
#3cb28d rgb(60,178,141)
```
#33bb91
```
#33bb91 rgb(51,187,145)
```
#2ac494
```
#2ac494 rgb(42,196,148)
```
#20ce98
```
#20ce98 rgb(32,206,152)
```
#17d79b
```
#17d79b rgb(23,215,155)
```
#0ee09f
```
#0ee09f rgb(14,224,159)
```
#05e9a2
```
#05e9a2 rgb(5,233,162)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b8f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59d88 Protanopia 1% of men
#ae9897 Deuteranopia 1% of men
#5ea8b4 Tritanopia 0.001% of the population

Trichromacy

#82a188 Protanomaly 1% of men, 0.01% of women
#889e92 Deuteranomaly 6% of men, 0.4% of women
#55a8a5 Tritanomaly 0.01% of the population

#45a98a hex color

#45a98a Color Information

#45a98a Color Conversion

Color Schemes with #45a98a

Alternatives to #45a98a

#45a98a Preview

Shades and Tints of #45a98a

Tones of #45a98a

Color Blindness Simulator