#45fa8f hex color

In a RGB color space, hex #45fa8f is composed of 27.1% red, 98% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 42.8% yellow and 2% black. It has a hue angle of 144.5 degrees, a saturation of 94.8% and a lightness of 62.5%. #45fa8f color hex could be obtained by blending #8affff with #00f51f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 98
- B 56
RGB color chart
- C 72
- M 0
- Y 43
- K 2
CMYK color chart

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

The hexadecimal color #45fa8f has RGB values of R:69, G:250, B:143 and CMYK values of C:0.72, M:0, Y:0.43, K:0.02. Its decimal value is 4586127.

Hex triplet	45fa8f	`#45fa8f`
RGB Decimal	69, 250, 143	`rgb(69,250,143)`
RGB Percent	27.1, 98, 56.1	`rgb(27.1%,98%,56.1%)`
CMYK	72, 0, 43, 2
HSL	144.5°, 94.8, 62.5	`hsl(144.5,94.8%,62.5%)`
HSV (or HSB)	144.5°, 72.4, 98
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.783, -67.732, 38.601
XYZ	41.595, 71.616, 37.616
xyY	0.276, 0.475, 71.616
CIE-LCH	87.783, 77.959, 150.321
CIE-LUV	87.783, -71.239, 64.185
Hunter-Lab	84.626, -60.36, 32.884
Binary	01000101, 11111010, 10001111

#45fa8f
```
#45fa8f rgb(69,250,143)
```
#fa45b0
```
#fa45b0 rgb(250,69,176)
```

Complementary Color

#56fa45
```
#56fa45 rgb(86,250,69)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#45faea
```
#45faea rgb(69,250,234)
```

Analogous Color

#fa4555
```
#fa4555 rgb(250,69,85)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#ea45fa
```
#ea45fa rgb(234,69,250)
```

Split Complementary Color

#fa8f45
```
#fa8f45 rgb(250,143,69)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#8f45fa
```
#8f45fa rgb(143,69,250)
```

Triadic Color

#b0fa45
```
#b0fa45 rgb(176,250,69)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#8f45fa
```
#8f45fa rgb(143,69,250)
```
#fa45b0
```
#fa45b0 rgb(250,69,176)
```

Tetradic Color

#06ec64
```
#06ec64 rgb(6,236,100)
```
#13f971
```
#13f971 rgb(19,249,113)
```
#2cf980
```
#2cf980 rgb(44,249,128)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#5efb9e
```
#5efb9e rgb(94,251,158)
```
#77fbad
```
#77fbad rgb(119,251,173)
```
#8ffcbc
```
#8ffcbc rgb(143,252,188)
```

Monochromatic Color

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

#45fa62
```
#45fa62 rgb(69,250,98)
```
#45fa71
```
#45fa71 rgb(69,250,113)
```
#45fa80
```
#45fa80 rgb(69,250,128)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#45fa9e
```
#45fa9e rgb(69,250,158)
```
#45faad
```
#45faad rgb(69,250,173)
```
#45fabc
```
#45fabc rgb(69,250,188)
```

Similar Colors

Text with hexadecimal color #45fa8f

This text has a font color of #45fa8f.

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

#45fa8f background color

This paragraph has a background color of #45fa8f.

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

#45fa8f border color

This element has a border color of #45fa8f.

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

CSS codes

.text {color:#45fa8f;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#01180a
```
#01180a rgb(1,24,10)
```
#012b12
```
#012b12 rgb(1,43,18)
```
#023e1a
```
#023e1a rgb(2,62,26)
```
#025123
```
#025123 rgb(2,81,35)
```
#03652b
```
#03652b rgb(3,101,43)
```
#037833
```
#037833 rgb(3,120,51)
```
#048b3b
```
#048b3b rgb(4,139,59)
```
#049e43
```
#049e43 rgb(4,158,67)
```
#05b14b
```
#05b14b rgb(5,177,75)
```
#05c453
```
#05c453 rgb(5,196,83)
```
#06d75b
```
#06d75b rgb(6,215,91)
```
#06ea63
```
#06ea63 rgb(6,234,99)
```

Shade Color Variation

#0cf86c
```
#0cf86c rgb(12,248,108)
```
#1ff978
```
#1ff978 rgb(31,249,120)
```
#32f983
```
#32f983 rgb(50,249,131)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```
#58fb9b
```
#58fb9b rgb(88,251,155)
```
#6bfba6
```
#6bfba6 rgb(107,251,166)
```
#7efcb2
```
#7efcb2 rgb(126,252,178)
```
#91fcbd
```
#91fcbd rgb(145,252,189)
```
#a5fdc9
```
#a5fdc9 rgb(165,253,201)
```
#b8fdd4
```
#b8fdd4 rgb(184,253,212)
```
#cbfee0
```
#cbfee0 rgb(203,254,224)
```
#defeeb
```
#defeeb rgb(222,254,235)
```
#f1fff7
```
#f1fff7 rgb(241,255,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da29f is the less saturated color, while #45fa8f is the most saturated one.

#9da29f
```
#9da29f rgb(157,162,159)
```
#96a99e
```
#96a99e rgb(150,169,158)
```
#8eb19c
```
#8eb19c rgb(142,177,156)
```
#87b89b
```
#87b89b rgb(135,184,155)
```
#80bf9a
```
#80bf9a rgb(128,191,154)
```
#78c798
```
#78c798 rgb(120,199,152)
```
#71ce97
```
#71ce97 rgb(113,206,151)
```
#6ad596
```
#6ad596 rgb(106,213,150)
```
#62dd94
```
#62dd94 rgb(98,221,148)
```
#5be493
```
#5be493 rgb(91,228,147)
```
#54eb92
```
#54eb92 rgb(84,235,146)
```
#4cf390
```
#4cf390 rgb(76,243,144)
```
#45fa8f
```
#45fa8f rgb(69,250,143)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a1c5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dd8a Protanopia 1% of men
#ffd6af Deuteranopia 1% of men
#7fedff Tritanopia 0.001% of the population

Trichromacy

#b2e88c Protanomaly 1% of men, 0.01% of women
#bbe3a3 Deuteranomaly 6% of men, 0.4% of women
#69f2d6 Tritanomaly 0.01% of the population

#45fa8f hex color

#45fa8f Color Information

#45fa8f Color Conversion

Color Schemes with #45fa8f

Alternatives to #45fa8f

#45fa8f Preview

Shades and Tints of #45fa8f

Tones of #45fa8f

Color Blindness Simulator