colorhexa.com

#45f570 hex color

In a RGB color space, hex #45f570 is composed of 27.1% red, 96.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 54.3% yellow and 3.9% black. It has a hue angle of 134.7 degrees, a saturation of 89.8% and a lightness of 61.6%. #45f570 color hex could be obtained by blending #8affe0 with #00eb00. Closest websafe color is: #33ff66.

- R 27
- G 96
- B 44
RGB color chart
- C 72
- M 0
- Y 54
- K 4
CMYK color chart

● #45f570 color description : Bright lime green.

The hexadecimal color #45f570 has RGB values of R:69, G:245, B:112 and CMYK values of C:0.72, M:0, Y:0.54, K:0.04. Its decimal value is 4584816.

Hex triplet	45f570	`#45f570`
RGB Decimal	69, 245, 112	`rgb(69,245,112)`
RGB Percent	27.1, 96.1, 43.9	`rgb(27.1%,96.1%,43.9%)`
CMYK	72, 0, 54, 4
HSL	134.7°, 89.8, 61.6	`hsl(134.7,89.8%,61.6%)`
HSV (or HSB)	134.7°, 71.8, 96.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.874, -70.678, 50.935
XYZ	38.029, 67.736, 26.399
xyY	0.288, 0.513, 67.736
CIE-LCH	85.874, 87.119, 144.221
CIE-LUV	85.874, -71.015, 77.699
Hunter-Lab	82.302, -61.55, 38.594
Binary	01000101, 11110101, 01110000

#45f570
```
#45f570 rgb(69,245,112)
```
#f545ca
```
#f545ca rgb(245,69,202)
```

Complementary Color

#72f545
```
#72f545 rgb(114,245,69)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#45f5c8
```
#45f5c8 rgb(69,245,200)
```

Analogous Color

#f54572
```
#f54572 rgb(245,69,114)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#c845f5
```
#c845f5 rgb(200,69,245)
```

Split Complementary Color

#f57045
```
#f57045 rgb(245,112,69)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#7045f5
```
#7045f5 rgb(112,69,245)
```

Triadic Color

#caf545
```
#caf545 rgb(202,245,69)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#7045f5
```
#7045f5 rgb(112,69,245)
```
#f545ca
```
#f545ca rgb(245,69,202)
```

Tetradic Color

#0ce140
```
#0ce140 rgb(12,225,64)
```
#15f24b
```
#15f24b rgb(21,242,75)
```
#2df45d
```
#2df45d rgb(45,244,93)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#5df683
```
#5df683 rgb(93,246,131)
```
#75f895
```
#75f895 rgb(117,248,149)
```
#8ef9a8
```
#8ef9a8 rgb(142,249,168)
```

Monochromatic Color

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

#46f545
```
#46f545 rgb(70,245,69)
```
#45f553
```
#45f553 rgb(69,245,83)
```
#45f561
```
#45f561 rgb(69,245,97)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#45f57f
```
#45f57f rgb(69,245,127)
```
#45f58d
```
#45f58d rgb(69,245,141)
```
#45f59c
```
#45f59c rgb(69,245,156)
```

Similar Colors

Text with hexadecimal color #45f570

This text has a font color of #45f570.

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

#45f570 background color

This paragraph has a background color of #45f570.

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

#45f570 border color

This element has a border color of #45f570.

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

CSS codes

.text {color:#45f570;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011305
```
#011305 rgb(1,19,5)
```
#02250b
```
#02250b rgb(2,37,11)
```
#033810
```
#033810 rgb(3,56,16)
```
#044b15
```
#044b15 rgb(4,75,21)
```
#055d1b
```
#055d1b rgb(5,93,27)
```
#067020
```
#067020 rgb(6,112,32)
```
#078225
```
#078225 rgb(7,130,37)
```
#08952a
```
#08952a rgb(8,149,42)
```
#09a830
```
#09a830 rgb(9,168,48)
```
#0aba35
```
#0aba35 rgb(10,186,53)
```
#0bcd3a
```
#0bcd3a rgb(11,205,58)
```
#0ce040
```
#0ce040 rgb(12,224,64)
```

Shade Color Variation

#0df245
```
#0df245 rgb(13,242,69)
```
#20f353
```
#20f353 rgb(32,243,83)
```
#32f462
```
#32f462 rgb(50,244,98)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#58f67e
```
#58f67e rgb(88,246,126)
```
#6af78d
```
#6af78d rgb(106,247,141)
```
#7df89b
```
#7df89b rgb(125,248,155)
```
#8ff9a9
```
#8ff9a9 rgb(143,249,169)
```
#a2fab8
```
#a2fab8 rgb(162,250,184)
```
#b5fbc6
```
#b5fbc6 rgb(181,251,198)
```
#c7fcd4
```
#c7fcd4 rgb(199,252,212)
```
#dafde2
```
#dafde2 rgb(218,253,226)
```
#edfef1
```
#edfef1 rgb(237,254,241)
```

Tint Color Variation

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

#98a29a
```
#98a29a rgb(152,162,154)
```
#90aa97
```
#90aa97 rgb(144,170,151)
```
#89b193
```
#89b193 rgb(137,177,147)
```
#81b98f
```
#81b98f rgb(129,185,143)
```
#7ac08b
```
#7ac08b rgb(122,192,139)
```
#72c887
```
#72c887 rgb(114,200,135)
```
#6bcf83
```
#6bcf83 rgb(107,207,131)
```
#63d77f
```
#63d77f rgb(99,215,127)
```
#5cde7c
```
#5cde7c rgb(92,222,124)
```
#54e678
```
#54e678 rgb(84,230,120)
```
#4ded74
```
#4ded74 rgb(77,237,116)
```
#45f570
```
#45f570 rgb(69,245,112)
```
#3dfd6c
```
#3dfd6c rgb(61,253,108)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9bbfa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd86e Protanopia 1% of men
#ffd197 Deuteranopia 1% of men
#81e7f8 Tritanopia 0.001% of the population

Trichromacy

#b1e36e Protanomaly 1% of men, 0.01% of women
#bbde88 Deuteranomaly 6% of men, 0.4% of women
#6becc6 Tritanomaly 0.01% of the population