#45be7f hex color

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

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

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

The hexadecimal color #45be7f has RGB values of R:69, G:190, B:127 and CMYK values of C:0.64, M:0, Y:0.33, K:0.25. Its decimal value is 4570751.

Hex triplet	45be7f	`#45be7f`
RGB Decimal	69, 190, 127	`rgb(69,190,127)`
RGB Percent	27.1, 74.5, 49.8	`rgb(27.1%,74.5%,49.8%)`
CMYK	64, 0, 33, 25
HSL	148.8°, 48.2, 50.8	`hsl(148.8,48.2%,50.8%)`
HSV (or HSB)	148.8°, 63.7, 74.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	69.2, -48.181, 22.146
XYZ	24.697, 39.622, 26.424
xyY	0.272, 0.437, 39.622
CIE-LCH	69.2, 53.027, 155.315
CIE-LUV	69.2, -50.712, 38.081
Hunter-Lab	62.946, -40.122, 19.173
Binary	01000101, 10111110, 01111111

#45be7f
```
#45be7f rgb(69,190,127)
```
#be4584
```
#be4584 rgb(190,69,132)
```

Complementary Color

#47be45
```
#47be45 rgb(71,190,69)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#45bebc
```
#45bebc rgb(69,190,188)
```

Analogous Color

#be4547
```
#be4547 rgb(190,69,71)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#bc45be
```
#bc45be rgb(188,69,190)
```

Split Complementary Color

#be7f45
```
#be7f45 rgb(190,127,69)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#7f45be
```
#7f45be rgb(127,69,190)
```

Triadic Color

#84be45
```
#84be45 rgb(132,190,69)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#7f45be
```
#7f45be rgb(127,69,190)
```
#be4584
```
#be4584 rgb(190,69,132)
```

Tetradic Color

#2f8759
```
#2f8759 rgb(47,135,89)
```
#369a66
```
#369a66 rgb(54,154,102)
```
#3cad72
```
#3cad72 rgb(60,173,114)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#58c58c
```
#58c58c rgb(88,197,140)
```
#6bcb99
```
#6bcb99 rgb(107,203,153)
```
#7ed2a6
```
#7ed2a6 rgb(126,210,166)
```

Monochromatic Color

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

#45be61
```
#45be61 rgb(69,190,97)
```
#45be6b
```
#45be6b rgb(69,190,107)
```
#45be75
```
#45be75 rgb(69,190,117)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#45be89
```
#45be89 rgb(69,190,137)
```
#45be93
```
#45be93 rgb(69,190,147)
```
#45be9d
```
#45be9d rgb(69,190,157)
```

Similar Colors

Text with hexadecimal color #45be7f

This text has a font color of #45be7f.

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

#45be7f background color

This paragraph has a background color of #45be7f.

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

#45be7f border color

This element has a border color of #45be7f.

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

CSS codes

.text {color:#45be7f;}

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

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

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)
```
#06110c
```
#06110c rgb(6,17,12)
```
#0b2015
```
#0b2015 rgb(11,32,21)
```
#102f1f
```
#102f1f rgb(16,47,31)
```
#153d28
```
#153d28 rgb(21,61,40)
```
#1a4c32
```
#1a4c32 rgb(26,76,50)
```
#205a3c
```
#205a3c rgb(32,90,60)
```
#256945
```
#256945 rgb(37,105,69)
```
#2a774f
```
#2a774f rgb(42,119,79)
```
#2f8658
```
#2f8658 rgb(47,134,88)
```
#349462
```
#349462 rgb(52,148,98)
```
#39a36c
```
#39a36c rgb(57,163,108)
```
#3eb175
```
#3eb175 rgb(62,177,117)
```

Shade Color Variation

#45be7f
```
#45be7f rgb(69,190,127)
```
#54c389
```
#54c389 rgb(84,195,137)
```
#62c893
```
#62c893 rgb(98,200,147)
```
#71cd9d
```
#71cd9d rgb(113,205,157)
```
#7fd2a7
```
#7fd2a7 rgb(127,210,167)
```
#8ed7b1
```
#8ed7b1 rgb(142,215,177)
```
#9cdcbb
```
#9cdcbb rgb(156,220,187)
```
#abe2c5
```
#abe2c5 rgb(171,226,197)
```
#b9e7cf
```
#b9e7cf rgb(185,231,207)
```
#c8ecd9
```
#c8ecd9 rgb(200,236,217)
```
#d6f1e3
```
#d6f1e3 rgb(214,241,227)
```
#e5f6ed
```
#e5f6ed rgb(229,246,237)
```
#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 #0bf87d is the most saturated one.

#7f8481
```
#7f8481 rgb(127,132,129)
```
#758e81
```
#758e81 rgb(117,142,129)
```
#6c9781
```
#6c9781 rgb(108,151,129)
```
#62a180
```
#62a180 rgb(98,161,128)
```
#58ab80
```
#58ab80 rgb(88,171,128)
```
#4fb47f
```
#4fb47f rgb(79,180,127)
```
#45be7f
```
#45be7f rgb(69,190,127)
```
#3bc87f
```
#3bc87f rgb(59,200,127)
```
#32d17e
```
#32d17e rgb(50,209,126)
```
#28db7e
```
#28db7e rgb(40,219,126)
```
#1ee57d
```
#1ee57d rgb(30,229,125)
```
#15ee7d
```
#15ee7d rgb(21,238,125)
```
#0bf87d
```
#0bf87d rgb(11,248,125)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#839c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#baad7d Protanopia 1% of men
#c8a78e Deuteranopia 1% of men
#68b9c6 Tritanopia 0.001% of the population

Trichromacy

#8fb37d Protanomaly 1% of men, 0.01% of women
#98af88 Deuteranomaly 6% of men, 0.4% of women
#5bbaac Tritanomaly 0.01% of the population

#45be7f hex color

#45be7f Color Information

#45be7f Color Conversion

Color Schemes with #45be7f

Alternatives to #45be7f

#45be7f Preview

Shades and Tints of #45be7f

Tones of #45be7f

Color Blindness Simulator