#45f077 hex color

In a RGB color space, hex #45f077 is composed of 27.1% red, 94.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 50.4% yellow and 5.9% black. It has a hue angle of 137.5 degrees, a saturation of 85.1% and a lightness of 60.6%. #45f077 color hex could be obtained by blending #8affee with #00e100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 27
- G 94
- B 47
RGB color chart
- C 71
- M 0
- Y 50
- K 6
CMYK color chart

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

The hexadecimal color #45f077 has RGB values of R:69, G:240, B:119 and CMYK values of C:0.71, M:0, Y:0.5, K:0.06. Its decimal value is 4583543.

Hex triplet	45f077	`#45f077`
RGB Decimal	69, 240, 119	`rgb(69,240,119)`
RGB Percent	27.1, 94.1, 46.7	`rgb(27.1%,94.1%,46.7%)`
CMYK	71, 0, 50, 6
HSL	137.5°, 85.1, 60.6	`hsl(137.5,85.1%,60.6%)`
HSV (or HSB)	137.5°, 71.3, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.439, -68.037, 45.936
XYZ	36.942, 64.914, 28.034
xyY	0.284, 0.5, 64.914
CIE-LCH	84.439, 82.092, 145.974
CIE-LUV	84.439, -69.004, 71.705
Hunter-Lab	80.569, -59.152, 35.768
Binary	01000101, 11110000, 01110111

#45f077
```
#45f077 rgb(69,240,119)
```
#f045be
```
#f045be rgb(240,69,190)
```

Complementary Color

#69f045
```
#69f045 rgb(105,240,69)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#45f0cd
```
#45f0cd rgb(69,240,205)
```

Analogous Color

#f04569
```
#f04569 rgb(240,69,105)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#cd45f0
```
#cd45f0 rgb(205,69,240)
```

Split Complementary Color

#f07745
```
#f07745 rgb(240,119,69)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#7745f0
```
#7745f0 rgb(119,69,240)
```

Triadic Color

#bef045
```
#bef045 rgb(190,240,69)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#7745f0
```
#7745f0 rgb(119,69,240)
```
#f045be
```
#f045be rgb(240,69,190)
```

Tetradic Color

#11d74b
```
#11d74b rgb(17,215,75)
```
#16ec54
```
#16ec54 rgb(22,236,84)
```
#2dee66
```
#2dee66 rgb(45,238,102)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#5df288
```
#5df288 rgb(93,242,136)
```
#74f49a
```
#74f49a rgb(116,244,154)
```
#8cf6ab
```
#8cf6ab rgb(140,246,171)
```

Monochromatic Color

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

#45f04c
```
#45f04c rgb(69,240,76)
```
#45f05b
```
#45f05b rgb(69,240,91)
```
#45f069
```
#45f069 rgb(69,240,105)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#45f085
```
#45f085 rgb(69,240,133)
```
#45f094
```
#45f094 rgb(69,240,148)
```
#45f0a2
```
#45f0a2 rgb(69,240,162)
```

Similar Colors

Text with hexadecimal color #45f077

This text has a font color of #45f077.

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

#45f077 background color

This paragraph has a background color of #45f077.

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

#45f077 border color

This element has a border color of #45f077.

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

CSS codes

.text {color:#45f077;}

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

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

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

#010e05
```
#010e05 rgb(1,14,5)
```
#03200b
```
#03200b rgb(3,32,11)
```
#043211
```
#043211 rgb(4,50,17)
```
#054418
```
#054418 rgb(5,68,24)
```
#07561e
```
#07561e rgb(7,86,30)
```
#086824
```
#086824 rgb(8,104,36)
```
#0a7b2b
```
#0a7b2b rgb(10,123,43)
```
#0b8d31
```
#0b8d31 rgb(11,141,49)
```
#0d9f38
```
#0d9f38 rgb(13,159,56)
```
#0eb13e
```
#0eb13e rgb(14,177,62)
```
#10c344
```
#10c344 rgb(16,195,68)
```
#11d54b
```
#11d54b rgb(17,213,75)
```
#13e751
```
#13e751 rgb(19,231,81)
```

Shade Color Variation

#21ed5c
```
#21ed5c rgb(33,237,92)
```
#33ef6a
```
#33ef6a rgb(51,239,106)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#57f184
```
#57f184 rgb(87,241,132)
```
#69f392
```
#69f392 rgb(105,243,146)
```
#7bf49f
```
#7bf49f rgb(123,244,159)
```
#8ef6ac
```
#8ef6ac rgb(142,246,172)
```
#a0f7b9
```
#a0f7b9 rgb(160,247,185)
```
#b2f9c7
```
#b2f9c7 rgb(178,249,199)
```
#c4fad4
```
#c4fad4 rgb(196,250,212)
```
#d6fce1
```
#d6fce1 rgb(214,252,225)
```
#e8fdee
```
#e8fdee rgb(232,253,238)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```

Tint Color Variation

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

#9a9b9a
```
#9a9b9a rgb(154,155,154)
```
#92a397
```
#92a397 rgb(146,163,151)
```
#8baa94
```
#8baa94 rgb(139,170,148)
```
#83b291
```
#83b291 rgb(131,178,145)
```
#7bba8d
```
#7bba8d rgb(123,186,141)
```
#73c28a
```
#73c28a rgb(115,194,138)
```
#6cc987
```
#6cc987 rgb(108,201,135)
```
#64d184
```
#64d184 rgb(100,209,132)
```
#5cd981
```
#5cd981 rgb(92,217,129)
```
#54e17d
```
#54e17d rgb(84,225,125)
```
#4de87a
```
#4de87a rgb(77,232,122)
```
#45f077
```
#45f077 rgb(69,240,119)
```
#3df874
```
#3df874 rgb(61,248,116)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9abca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead574 Protanopia 1% of men
#ffcc8b Deuteranopia 1% of men
#7ee3f4 Tritanopia 0.001% of the population

Trichromacy

#aede75 Protanomaly 1% of men, 0.01% of women
#bbd984 Deuteranomaly 6% of men, 0.4% of women
#69e8c6 Tritanomaly 0.01% of the population

#45f077 hex color

#45f077 Color Information

#45f077 Color Conversion

Color Schemes with #45f077

Alternatives to #45f077

#45f077 Preview

Shades and Tints of #45f077

Tones of #45f077

Color Blindness Simulator