#45be6f hex color

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

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

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

The hexadecimal color #45be6f has RGB values of R:69, G:190, B:111 and CMYK values of C:0.64, M:0, Y:0.42, K:0.25. Its decimal value is 4570735.

Hex triplet	45be6f	`#45be6f`
RGB Decimal	69, 190, 111	`rgb(69,190,111)`
RGB Percent	27.1, 74.5, 43.5	`rgb(27.1%,74.5%,43.5%)`
CMYK	64, 0, 42, 25
HSL	140.8°, 48.2, 50.8	`hsl(140.8,48.2%,50.8%)`
HSV (or HSB)	140.8°, 63.7, 74.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.923, -51.184, 30.208
XYZ	23.735, 39.238, 21.361
xyY	0.281, 0.465, 39.238
CIE-LCH	68.923, 59.433, 149.452
CIE-LUV	68.923, -51.496, 48.172
Hunter-Lab	62.64, -41.983, 23.63
Binary	01000101, 10111110, 01101111

#45be6f
```
#45be6f rgb(69,190,111)
```
#be4594
```
#be4594 rgb(190,69,148)
```

Complementary Color

#58be45
```
#58be45 rgb(88,190,69)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#45beac
```
#45beac rgb(69,190,172)
```

Analogous Color

#be4558
```
#be4558 rgb(190,69,88)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#ac45be
```
#ac45be rgb(172,69,190)
```

Split Complementary Color

#be6f45
```
#be6f45 rgb(190,111,69)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#6f45be
```
#6f45be rgb(111,69,190)
```

Triadic Color

#94be45
```
#94be45 rgb(148,190,69)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#6f45be
```
#6f45be rgb(111,69,190)
```
#be4594
```
#be4594 rgb(190,69,148)
```

Tetradic Color

#2f874e
```
#2f874e rgb(47,135,78)
```
#369a59
```
#369a59 rgb(54,154,89)
```
#3cad64
```
#3cad64 rgb(60,173,100)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#58c57e
```
#58c57e rgb(88,197,126)
```
#6bcb8c
```
#6bcb8c rgb(107,203,140)
```
#7ed29b
```
#7ed29b rgb(126,210,155)
```

Monochromatic Color

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

#45be51
```
#45be51 rgb(69,190,81)
```
#45be5b
```
#45be5b rgb(69,190,91)
```
#45be65
```
#45be65 rgb(69,190,101)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#45be79
```
#45be79 rgb(69,190,121)
```
#45be83
```
#45be83 rgb(69,190,131)
```
#45be8d
```
#45be8d rgb(69,190,141)
```

Similar Colors

Text with hexadecimal color #45be6f

This text has a font color of #45be6f.

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

#45be6f background color

This paragraph has a background color of #45be6f.

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

#45be6f border color

This element has a border color of #45be6f.

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

CSS codes

.text {color:#45be6f;}

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

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

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 #f3fbf6 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#06110a
```
#06110a rgb(6,17,10)
```
#0b2012
```
#0b2012 rgb(11,32,18)
```
#102f1b
```
#102f1b rgb(16,47,27)
```
#153d23
```
#153d23 rgb(21,61,35)
```
#1a4c2c
```
#1a4c2c rgb(26,76,44)
```
#205a34
```
#205a34 rgb(32,90,52)
```
#25693c
```
#25693c rgb(37,105,60)
```
#2a7745
```
#2a7745 rgb(42,119,69)
```
#2f864d
```
#2f864d rgb(47,134,77)
```
#349455
```
#349455 rgb(52,148,85)
```
#39a35e
```
#39a35e rgb(57,163,94)
```
#3eb166
```
#3eb166 rgb(62,177,102)
```

Shade Color Variation

#45be6f
```
#45be6f rgb(69,190,111)
```
#54c37a
```
#54c37a rgb(84,195,122)
```
#62c886
```
#62c886 rgb(98,200,134)
```
#71cd91
```
#71cd91 rgb(113,205,145)
```
#7fd29c
```
#7fd29c rgb(127,210,156)
```
#8ed7a7
```
#8ed7a7 rgb(142,215,167)
```
#9cdcb3
```
#9cdcb3 rgb(156,220,179)
```
#abe2be
```
#abe2be rgb(171,226,190)
```
#b9e7c9
```
#b9e7c9 rgb(185,231,201)
```
#c8ecd4
```
#c8ecd4 rgb(200,236,212)
```
#d6f1e0
```
#d6f1e0 rgb(214,241,224)
```
#e5f6eb
```
#e5f6eb rgb(229,246,235)
```
#f3fbf6
```
#f3fbf6 rgb(243,251,246)
```

Tint Color Variation

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

#7f8481
```
#7f8481 rgb(127,132,129)
```
#758e7e
```
#758e7e rgb(117,142,126)
```
#6c977b
```
#6c977b rgb(108,151,123)
```
#62a178
```
#62a178 rgb(98,161,120)
```
#58ab75
```
#58ab75 rgb(88,171,117)
```
#4fb472
```
#4fb472 rgb(79,180,114)
```
#45be6f
```
#45be6f rgb(69,190,111)
```
#3bc86c
```
#3bc86c rgb(59,200,108)
```
#32d169
```
#32d169 rgb(50,209,105)
```
#28db66
```
#28db66 rgb(40,219,102)
```
#1ee563
```
#1ee563 rgb(30,229,99)
```
#15ee60
```
#15ee60 rgb(21,238,96)
```
#0bf85d
```
#0bf85d rgb(11,248,93)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#829a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac6e Protanopia 1% of men
#cba57f Deuteranopia 1% of men
#6bb7c5 Tritanopia 0.001% of the population

Trichromacy

#90b26e Protanomaly 1% of men, 0.01% of women
#9aae79 Deuteranomaly 6% of men, 0.4% of women
#5dbaa5 Tritanomaly 0.01% of the population

#45be6f hex color

#45be6f Color Information

#45be6f Color Conversion

Color Schemes with #45be6f

Alternatives to #45be6f

#45be6f Preview

Shades and Tints of #45be6f

Tones of #45be6f

Color Blindness Simulator