#45f076 hex color

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

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

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

The hexadecimal color #45f076 has RGB values of R:69, G:240, B:118 and CMYK values of C:0.71, M:0, Y:0.51, K:0.06. Its decimal value is 4583542.

Hex triplet	45f076	`#45f076`
RGB Decimal	69, 240, 118	`rgb(69,240,118)`
RGB Percent	27.1, 94.1, 46.3	`rgb(27.1%,94.1%,46.3%)`
CMYK	71, 0, 51, 6
HSL	137.2°, 85.1, 60.6	`hsl(137.2,85.1%,60.6%)`
HSV (or HSB)	137.2°, 71.3, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.427, -68.181, 46.392
XYZ	36.882, 64.89, 27.72
xyY	0.285, 0.501, 64.89
CIE-LCH	84.427, 82.467, 145.767
CIE-LUV	84.427, -69.05, 72.209
Hunter-Lab	80.554, -59.243, 35.985
Binary	01000101, 11110000, 01110110

#45f076
```
#45f076 rgb(69,240,118)
```
#f045bf
```
#f045bf rgb(240,69,191)
```

Complementary Color

#6af045
```
#6af045 rgb(106,240,69)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#45f0cc
```
#45f0cc rgb(69,240,204)
```

Analogous Color

#f0456a
```
#f0456a rgb(240,69,106)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#cc45f0
```
#cc45f0 rgb(204,69,240)
```

Split Complementary Color

#f07645
```
#f07645 rgb(240,118,69)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#7645f0
```
#7645f0 rgb(118,69,240)
```

Triadic Color

#bff045
```
#bff045 rgb(191,240,69)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#7645f0
```
#7645f0 rgb(118,69,240)
```
#f045bf
```
#f045bf rgb(240,69,191)
```

Tetradic Color

#11d74a
```
#11d74a rgb(17,215,74)
```
#16ec53
```
#16ec53 rgb(22,236,83)
```
#2dee65
```
#2dee65 rgb(45,238,101)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#5df287
```
#5df287 rgb(93,242,135)
```
#74f499
```
#74f499 rgb(116,244,153)
```
#8cf6aa
```
#8cf6aa rgb(140,246,170)
```

Monochromatic Color

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

#45f04b
```
#45f04b rgb(69,240,75)
```
#45f05a
```
#45f05a rgb(69,240,90)
```
#45f068
```
#45f068 rgb(69,240,104)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#45f084
```
#45f084 rgb(69,240,132)
```
#45f093
```
#45f093 rgb(69,240,147)
```
#45f0a1
```
#45f0a1 rgb(69,240,161)
```

Similar Colors

Text with hexadecimal color #45f076

This text has a font color of #45f076.

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

#45f076 background color

This paragraph has a background color of #45f076.

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

#45f076 border color

This element has a border color of #45f076.

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

CSS codes

.text {color:#45f076;}

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

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

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)
```
#054417
```
#054417 rgb(5,68,23)
```
#07561e
```
#07561e rgb(7,86,30)
```
#086824
```
#086824 rgb(8,104,36)
```
#0a7b2a
```
#0a7b2a rgb(10,123,42)
```
#0b8d30
```
#0b8d30 rgb(11,141,48)
```
#0d9f37
```
#0d9f37 rgb(13,159,55)
```
#0eb13d
```
#0eb13d rgb(14,177,61)
```
#10c343
```
#10c343 rgb(16,195,67)
```
#11d549
```
#11d549 rgb(17,213,73)
```
#13e750
```
#13e750 rgb(19,231,80)
```

Shade Color Variation

#21ed5b
```
#21ed5b rgb(33,237,91)
```
#33ef69
```
#33ef69 rgb(51,239,105)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#57f183
```
#57f183 rgb(87,241,131)
```
#69f391
```
#69f391 rgb(105,243,145)
```
#7bf49e
```
#7bf49e rgb(123,244,158)
```
#8ef6ab
```
#8ef6ab rgb(142,246,171)
```
#a0f7b9
```
#a0f7b9 rgb(160,247,185)
```
#b2f9c6
```
#b2f9c6 rgb(178,249,198)
```
#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 #3df873 is the most saturated one.

#9a9b9a
```
#9a9b9a rgb(154,155,154)
```
#92a397
```
#92a397 rgb(146,163,151)
```
#8baa94
```
#8baa94 rgb(139,170,148)
```
#83b290
```
#83b290 rgb(131,178,144)
```
#7bba8d
```
#7bba8d rgb(123,186,141)
```
#73c28a
```
#73c28a rgb(115,194,138)
```
#6cc987
```
#6cc987 rgb(108,201,135)
```
#64d183
```
#64d183 rgb(100,209,131)
```
#5cd980
```
#5cd980 rgb(92,217,128)
```
#54e17d
```
#54e17d rgb(84,225,125)
```
#4de879
```
#4de879 rgb(77,232,121)
```
#45f076
```
#45f076 rgb(69,240,118)
```
#3df873
```
#3df873 rgb(61,248,115)
```

Tone Color Variation

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

#ead573 Protanopia 1% of men
#ffcc8a Deuteranopia 1% of men
#7ee3f4 Tritanopia 0.001% of the population

Trichromacy

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

#45f076 hex color

#45f076 Color Information

#45f076 Color Conversion

Color Schemes with #45f076

Alternatives to #45f076

#45f076 Preview

Shades and Tints of #45f076

Tones of #45f076

Color Blindness Simulator