#45ed9f hex color

In a RGB color space, hex #45ed9f is composed of 27.1% red, 92.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 32.9% yellow and 7.1% black. It has a hue angle of 152.1 degrees, a saturation of 82.4% and a lightness of 60%. #45ed9f color hex could be obtained by blending #8affff with #00db3f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 93
- B 62
RGB color chart
- C 71
- M 0
- Y 33
- K 7
CMYK color chart

● #45ed9f color description : Bright cyan - lime green.

The hexadecimal color #45ed9f has RGB values of R:69, G:237, B:159 and CMYK values of C:0.71, M:0, Y:0.33, K:0.07. Its decimal value is 4582815.

Hex triplet	45ed9f	`#45ed9f`
RGB Decimal	69, 237, 159	`rgb(69,237,159)`
RGB Percent	27.1, 92.9, 62.4	`rgb(27.1%,92.9%,62.4%)`
CMYK	71, 0, 33, 7
HSL	152.1°, 82.4, 60	`hsl(152.1,82.4%,60%)`
HSV (or HSB)	152.1°, 70.9, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.139, -60.108, 25.735
XYZ	38.994, 64.333, 43.161
xyY	0.266, 0.439, 64.333
CIE-LCH	84.139, 65.386, 156.822
CIE-LUV	84.139, -65.883, 46.465
Hunter-Lab	80.208, -53.585, 24.24
Binary	01000101, 11101101, 10011111

#45ed9f
```
#45ed9f rgb(69,237,159)
```
#ed4593
```
#ed4593 rgb(237,69,147)
```

Complementary Color

#45ed4b
```
#45ed4b rgb(69,237,75)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#45e7ed
```
#45e7ed rgb(69,231,237)
```

Analogous Color

#ed4b45
```
#ed4b45 rgb(237,75,69)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#ed45e7
```
#ed45e7 rgb(237,69,231)
```

Split Complementary Color

#ed9f45
```
#ed9f45 rgb(237,159,69)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#9f45ed
```
#9f45ed rgb(159,69,237)
```

Triadic Color

#93ed45
```
#93ed45 rgb(147,237,69)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#9f45ed
```
#9f45ed rgb(159,69,237)
```
#ed4593
```
#ed4593 rgb(237,69,147)
```

Tetradic Color

#14d17a
```
#14d17a rgb(20,209,122)
```
#17e987
```
#17e987 rgb(23,233,135)
```
#2eeb93
```
#2eeb93 rgb(46,235,147)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#5cefab
```
#5cefab rgb(92,239,171)
```
#74f2b7
```
#74f2b7 rgb(116,242,183)
```
#8bf4c3
```
#8bf4c3 rgb(139,244,195)
```

Monochromatic Color

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

#45ed75
```
#45ed75 rgb(69,237,117)
```
#45ed83
```
#45ed83 rgb(69,237,131)
```
#45ed91
```
#45ed91 rgb(69,237,145)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#45edad
```
#45edad rgb(69,237,173)
```
#45edbb
```
#45edbb rgb(69,237,187)
```
#45edc9
```
#45edc9 rgb(69,237,201)
```

Similar Colors

Text with hexadecimal color #45ed9f

This text has a font color of #45ed9f.

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

#45ed9f background color

This paragraph has a background color of #45ed9f.

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

#45ed9f border color

This element has a border color of #45ed9f.

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

CSS codes

.text {color:#45ed9f;}

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

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

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, #010b06 is the darkest color, while #f8fefb is the lightest one.

#010b06
```
#010b06 rgb(1,11,6)
```
#031d11
```
#031d11 rgb(3,29,17)
```
#042f1b
```
#042f1b rgb(4,47,27)
```
#064025
```
#064025 rgb(6,64,37)
```
#085230
```
#085230 rgb(8,82,48)
```
#0a643a
```
#0a643a rgb(10,100,58)
```
#0b7645
```
#0b7645 rgb(11,118,69)
```
#0d884f
```
#0d884f rgb(13,136,79)
```
#0f9a59
```
#0f9a59 rgb(15,154,89)
```
#11ac64
```
#11ac64 rgb(17,172,100)
```
#12be6e
```
#12be6e rgb(18,190,110)
```
#14cf78
```
#14cf78 rgb(20,207,120)
```
#16e183
```
#16e183 rgb(22,225,131)
```

Shade Color Variation

#21ea8d
```
#21ea8d rgb(33,234,141)
```
#33eb96
```
#33eb96 rgb(51,235,150)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#57efa8
```
#57efa8 rgb(87,239,168)
```
#69f0b1
```
#69f0b1 rgb(105,240,177)
```
#7bf2bb
```
#7bf2bb rgb(123,242,187)
```
#8df4c4
```
#8df4c4 rgb(141,244,196)
```
#9ef6cd
```
#9ef6cd rgb(158,246,205)
```
#b0f7d6
```
#b0f7d6 rgb(176,247,214)
```
#c2f9e0
```
#c2f9e0 rgb(194,249,224)
```
#d4fbe9
```
#d4fbe9 rgb(212,251,233)
```
#e6fdf2
```
#e6fdf2 rgb(230,253,242)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939f99 is the less saturated color, while #35fda0 is the most saturated one.

#939f99
```
#939f99 rgb(147,159,153)
```
#8ca69a
```
#8ca69a rgb(140,166,154)
```
#84ae9b
```
#84ae9b rgb(132,174,155)
```
#7cb69b
```
#7cb69b rgb(124,182,155)
```
#74be9c
```
#74be9c rgb(116,190,156)
```
#6cc69c
```
#6cc69c rgb(108,198,156)
```
#64ce9d
```
#64ce9d rgb(100,206,157)
```
#5dd59d
```
#5dd59d rgb(93,213,157)
```
#55dd9e
```
#55dd9e rgb(85,221,158)
```
#4de59e
```
#4de59e rgb(77,229,158)
```
#45ed9f
```
#45ed9f rgb(69,237,159)
```
#3df5a0
```
#3df5a0 rgb(61,245,160)
```
#35fda0
```
#35fda0 rgb(53,253,160)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9cbeae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d399 Protanopia 1% of men
#f4ccaf Deuteranopia 1% of men
#75e3f4 Tritanopia 0.001% of the population

Trichromacy

#aadd9b Protanomaly 1% of men, 0.01% of women
#b4d8a9 Deuteranomaly 6% of men, 0.4% of women
#64e7d5 Tritanomaly 0.01% of the population

#45ed9f hex color

#45ed9f Color Information

#45ed9f Color Conversion

Color Schemes with #45ed9f

Alternatives to #45ed9f

#45ed9f Preview

Shades and Tints of #45ed9f

Tones of #45ed9f

Color Blindness Simulator