#45ff78 hex color

In a RGB color space, hex #45ff78 is composed of 27.1% red, 100% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 0% magenta, 52.9% yellow and 0% black. It has a hue angle of 136.5 degrees, a saturation of 100% and a lightness of 63.5%. #45ff78 color hex could be obtained by blending #8afff0 with #00ff00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 27
- G 100
- B 47
RGB color chart
- C 73
- M 0
- Y 53
- K 0
CMYK color chart

● #45ff78 color description : Light cyan - lime green.

The hexadecimal color #45ff78 has RGB values of R:69, G:255, B:120 and CMYK values of C:0.73, M:0, Y:0.53, K:0. Its decimal value is 4587384.

Hex triplet	45ff78	`#45ff78`
RGB Decimal	69, 255, 120	`rgb(69,255,120)`
RGB Percent	27.1, 100, 47.1	`rgb(27.1%,100%,47.1%)`
CMYK	73, 0, 53, 0
HSL	136.5°, 100, 63.5	`hsl(136.5,100%,63.5%)`
HSV (or HSB)	136.5°, 72.9, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.987, -72.901, 51.036
XYZ	41.602, 74.137, 29.886
xyY	0.286, 0.509, 74.137
CIE-LCH	88.987, 88.99, 145.005
CIE-LUV	88.987, -74.036, 79.036
Hunter-Lab	86.103, -64.435, 39.693
Binary	01000101, 11111111, 01111000

#45ff78
```
#45ff78 rgb(69,255,120)
```
#ff45cc
```
#ff45cc rgb(255,69,204)
```

Complementary Color

#6fff45
```
#6fff45 rgb(111,255,69)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#45ffd5
```
#45ffd5 rgb(69,255,213)
```

Analogous Color

#ff456f
```
#ff456f rgb(255,69,111)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#d545ff
```
#d545ff rgb(213,69,255)
```

Split Complementary Color

#ff7845
```
#ff7845 rgb(255,120,69)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#7845ff
```
#7845ff rgb(120,69,255)
```

Triadic Color

#ccff45
```
#ccff45 rgb(204,255,69)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#7845ff
```
#7845ff rgb(120,69,255)
```
#ff45cc
```
#ff45cc rgb(255,69,204)
```

Tetradic Color

#00f844
```
#00f844 rgb(0,248,68)
```
#12ff53
```
#12ff53 rgb(18,255,83)
```
#2cff65
```
#2cff65 rgb(44,255,101)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#5fff8b
```
#5fff8b rgb(95,255,139)
```
#78ff9d
```
#78ff9d rgb(120,255,157)
```
#92ffb0
```
#92ffb0 rgb(146,255,176)
```

Monochromatic Color

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

#45ff49
```
#45ff49 rgb(69,255,73)
```
#45ff59
```
#45ff59 rgb(69,255,89)
```
#45ff69
```
#45ff69 rgb(69,255,105)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#45ff88
```
#45ff88 rgb(69,255,136)
```
#45ff97
```
#45ff97 rgb(69,255,151)
```
#45ffa7
```
#45ffa7 rgb(69,255,167)
```

Similar Colors

Text with hexadecimal color #45ff78

This text has a font color of #45ff78.

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

#45ff78 background color

This paragraph has a background color of #45ff78.

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

#45ff78 border color

This element has a border color of #45ff78.

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

CSS codes

.text {color:#45ff78;}

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

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

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, #000a03 is the darkest color, while #f6fff8 is the lightest one.

#000a03
```
#000a03 rgb(0,10,3)
```
#001e08
```
#001e08 rgb(0,30,8)
```
#00310e
```
#00310e rgb(0,49,14)
```
#004513
```
#004513 rgb(0,69,19)
```
#005918
```
#005918 rgb(0,89,24)
```
#006c1e
```
#006c1e rgb(0,108,30)
```
#008023
```
#008023 rgb(0,128,35)
```
#009328
```
#009328 rgb(0,147,40)
```
#00a72e
```
#00a72e rgb(0,167,46)
```
#00bb33
```
#00bb33 rgb(0,187,51)
```
#00ce39
```
#00ce39 rgb(0,206,57)
```
#00e23e
```
#00e23e rgb(0,226,62)
```
#00f643
```
#00f643 rgb(0,246,67)
```

Shade Color Variation

#0aff4d
```
#0aff4d rgb(10,255,77)
```
#1eff5c
```
#1eff5c rgb(30,255,92)
```
#31ff6a
```
#31ff6a rgb(49,255,106)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```
#59ff86
```
#59ff86 rgb(89,255,134)
```
#6cff94
```
#6cff94 rgb(108,255,148)
```
#80ffa3
```
#80ffa3 rgb(128,255,163)
```
#93ffb1
```
#93ffb1 rgb(147,255,177)
```
#a7ffbf
```
#a7ffbf rgb(167,255,191)
```
#bbffcd
```
#bbffcd rgb(187,255,205)
```
#ceffdc
```
#ceffdc rgb(206,255,220)
```
#e2ffea
```
#e2ffea rgb(226,255,234)
```
#f6fff8
```
#f6fff8 rgb(246,255,248)
```

Tint Color Variation

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

#9ba99f
```
#9ba99f rgb(155,169,159)
```
#94b09c
```
#94b09c rgb(148,176,156)
```
#8db798
```
#8db798 rgb(141,183,152)
```
#85bf95
```
#85bf95 rgb(133,191,149)
```
#7ec692
```
#7ec692 rgb(126,198,146)
```
#77cd8f
```
#77cd8f rgb(119,205,143)
```
#70d48b
```
#70d48b rgb(112,212,139)
```
#69db88
```
#69db88 rgb(105,219,136)
```
#62e285
```
#62e285 rgb(98,226,133)
```
#5aea82
```
#5aea82 rgb(90,234,130)
```
#53f17e
```
#53f17e rgb(83,241,126)
```
#4cf87b
```
#4cf87b rgb(76,248,123)
```
#45ff78
```
#45ff78 rgb(69,255,120)
```

Tone Color Variation

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

Dichromacy

#f7e175 Protanopia 1% of men
#ffdbb3 Deuteranopia 1% of men
#92efff Tritanopia 0.001% of the population

Trichromacy

#b6ec76 Protanomaly 1% of men, 0.01% of women
#bbe89d Deuteranomaly 6% of men, 0.4% of women
#76f4cd Tritanomaly 0.01% of the population

#45ff78 hex color

#45ff78 Color Information

#45ff78 Color Conversion

Color Schemes with #45ff78

Alternatives to #45ff78

#45ff78 Preview

Shades and Tints of #45ff78

Tones of #45ff78

Color Blindness Simulator