#45be7a hex color

In a RGB color space, hex #45be7a is composed of 27.1% red, 74.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 0% magenta, 35.8% yellow and 25.5% black. It has a hue angle of 146.3 degrees, a saturation of 48.2% and a lightness of 50.8%. #45be7a color hex could be obtained by blending #8afff4 with #007d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 75
- B 48
RGB color chart
- C 64
- M 0
- Y 36
- K 25
CMYK color chart

● #45be7a color description : Moderate cyan - lime green.

The hexadecimal color #45be7a has RGB values of R:69, G:190, B:122 and CMYK values of C:0.64, M:0, Y:0.36, K:0.25. Its decimal value is 4570746.

Hex triplet	45be7a	`#45be7a`
RGB Decimal	69, 190, 122	`rgb(69,190,122)`
RGB Percent	27.1, 74.5, 47.8	`rgb(27.1%,74.5%,47.8%)`
CMYK	64, 0, 36, 25
HSL	146.3°, 48.2, 50.8	`hsl(146.3,48.2%,50.8%)`
HSV (or HSB)	146.3°, 63.7, 74.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	69.108, -49.163, 24.68
XYZ	24.379, 39.495, 24.75
xyY	0.275, 0.446, 39.495
CIE-LCH	69.108, 55.01, 153.343
CIE-LUV	69.108, -50.966, 41.355
Hunter-Lab	62.845, -40.735, 20.642
Binary	01000101, 10111110, 01111010

#45be7a
```
#45be7a rgb(69,190,122)
```
#be4589
```
#be4589 rgb(190,69,137)
```

Complementary Color

#4cbe45
```
#4cbe45 rgb(76,190,69)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#45beb7
```
#45beb7 rgb(69,190,183)
```

Analogous Color

#be454c
```
#be454c rgb(190,69,76)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#b745be
```
#b745be rgb(183,69,190)
```

Split Complementary Color

#be7a45
```
#be7a45 rgb(190,122,69)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#7a45be
```
#7a45be rgb(122,69,190)
```

Triadic Color

#89be45
```
#89be45 rgb(137,190,69)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#7a45be
```
#7a45be rgb(122,69,190)
```
#be4589
```
#be4589 rgb(190,69,137)
```

Tetradic Color

#2f8756
```
#2f8756 rgb(47,135,86)
```
#369a62
```
#369a62 rgb(54,154,98)
```
#3cad6e
```
#3cad6e rgb(60,173,110)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#58c588
```
#58c588 rgb(88,197,136)
```
#6bcb95
```
#6bcb95 rgb(107,203,149)
```
#7ed2a3
```
#7ed2a3 rgb(126,210,163)
```

Monochromatic Color

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

#45be5c
```
#45be5c rgb(69,190,92)
```
#45be66
```
#45be66 rgb(69,190,102)
```
#45be70
```
#45be70 rgb(69,190,112)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#45be84
```
#45be84 rgb(69,190,132)
```
#45be8e
```
#45be8e rgb(69,190,142)
```
#45be98
```
#45be98 rgb(69,190,152)
```

Similar Colors

Text with hexadecimal color #45be7a

This text has a font color of #45be7a.

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

#45be7a background color

This paragraph has a background color of #45be7a.

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

#45be7a border color

This element has a border color of #45be7a.

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

CSS codes

.text {color:#45be7a;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110b
```
#06110b rgb(6,17,11)
```
#0b2014
```
#0b2014 rgb(11,32,20)
```
#102f1e
```
#102f1e rgb(16,47,30)
```
#153d27
```
#153d27 rgb(21,61,39)
```
#1a4c30
```
#1a4c30 rgb(26,76,48)
```
#205a39
```
#205a39 rgb(32,90,57)
```
#256942
```
#256942 rgb(37,105,66)
```
#2a774c
```
#2a774c rgb(42,119,76)
```
#2f8655
```
#2f8655 rgb(47,134,85)
```
#34945e
```
#34945e rgb(52,148,94)
```
#39a367
```
#39a367 rgb(57,163,103)
```
#3eb171
```
#3eb171 rgb(62,177,113)
```

Shade Color Variation

#45be7a
```
#45be7a rgb(69,190,122)
```
#54c384
```
#54c384 rgb(84,195,132)
```
#62c88f
```
#62c88f rgb(98,200,143)
```
#71cd99
```
#71cd99 rgb(113,205,153)
```
#7fd2a4
```
#7fd2a4 rgb(127,210,164)
```
#8ed7ae
```
#8ed7ae rgb(142,215,174)
```
#9cdcb8
```
#9cdcb8 rgb(156,220,184)
```
#abe2c3
```
#abe2c3 rgb(171,226,195)
```
#b9e7cd
```
#b9e7cd rgb(185,231,205)
```
#c8ecd8
```
#c8ecd8 rgb(200,236,216)
```
#d6f1e2
```
#d6f1e2 rgb(214,241,226)
```
#e5f6ec
```
#e5f6ec rgb(229,246,236)
```
#f3fbf7
```
#f3fbf7 rgb(243,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8481 is the less saturated color, while #0bf873 is the most saturated one.

#7f8481
```
#7f8481 rgb(127,132,129)
```
#758e80
```
#758e80 rgb(117,142,128)
```
#6c977f
```
#6c977f rgb(108,151,127)
```
#62a17e
```
#62a17e rgb(98,161,126)
```
#58ab7c
```
#58ab7c rgb(88,171,124)
```
#4fb47b
```
#4fb47b rgb(79,180,123)
```
#45be7a
```
#45be7a rgb(69,190,122)
```
#3bc879
```
#3bc879 rgb(59,200,121)
```
#32d178
```
#32d178 rgb(50,209,120)
```
#28db76
```
#28db76 rgb(40,219,118)
```
#1ee575
```
#1ee575 rgb(30,229,117)
```
#15ee74
```
#15ee74 rgb(21,238,116)
```
#0bf873
```
#0bf873 rgb(11,248,115)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#839b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#baad78 Protanopia 1% of men
#c9a68a Deuteranopia 1% of men
#69b8c6 Tritanopia 0.001% of the population

Trichromacy

#90b379 Protanomaly 1% of men, 0.01% of women
#99af84 Deuteranomaly 6% of men, 0.4% of women
#5cbaaa Tritanomaly 0.01% of the population

#45be7a hex color

#45be7a Color Information

#45be7a Color Conversion

Color Schemes with #45be7a

Alternatives to #45be7a

#45be7a Preview

Shades and Tints of #45be7a

Tones of #45be7a

Color Blindness Simulator