#45bb7f hex color

In a RGB color space, hex #45bb7f is composed of 27.1% red, 73.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 32.1% yellow and 26.7% black. It has a hue angle of 149.5 degrees, a saturation of 46.5% and a lightness of 50.2%. #45bb7f color hex could be obtained by blending #8afffe with #007700. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 73
- B 50
RGB color chart
- C 63
- M 0
- Y 32
- K 27
CMYK color chart

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

The hexadecimal color #45bb7f has RGB values of R:69, G:187, B:127 and CMYK values of C:0.63, M:0, Y:0.32, K:0.27. Its decimal value is 4569983.

Hex triplet	45bb7f	`#45bb7f`
RGB Decimal	69, 187, 127	`rgb(69,187,127)`
RGB Percent	27.1, 73.3, 49.8	`rgb(27.1%,73.3%,49.8%)`
CMYK	63, 0, 32, 27
HSL	149.5°, 46.5, 50.2	`hsl(149.5,46.5%,50.2%)`
HSV (or HSB)	149.5°, 63.1, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.268, -46.958, 20.877
XYZ	24.054, 38.336, 26.209
xyY	0.271, 0.433, 38.336
CIE-LCH	68.268, 51.389, 156.031
CIE-LUV	68.268, -49.586, 36.171
Hunter-Lab	61.916, -39.008, 18.243
Binary	01000101, 10111011, 01111111

#45bb7f
```
#45bb7f rgb(69,187,127)
```
#bb4581
```
#bb4581 rgb(187,69,129)
```

Complementary Color

#46bb45
```
#46bb45 rgb(70,187,69)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#45bbba
```
#45bbba rgb(69,187,186)
```

Analogous Color

#bb4546
```
#bb4546 rgb(187,69,70)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#ba45bb
```
#ba45bb rgb(186,69,187)
```

Split Complementary Color

#bb7f45
```
#bb7f45 rgb(187,127,69)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#7f45bb
```
#7f45bb rgb(127,69,187)
```

Triadic Color

#81bb45
```
#81bb45 rgb(129,187,69)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#7f45bb
```
#7f45bb rgb(127,69,187)
```
#bb4581
```
#bb4581 rgb(187,69,129)
```

Tetradic Color

#308359
```
#308359 rgb(48,131,89)
```
#379666
```
#379666 rgb(55,150,102)
```
#3ea972
```
#3ea972 rgb(62,169,114)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#58c28c
```
#58c28c rgb(88,194,140)
```
#6ac999
```
#6ac999 rgb(106,201,153)
```
#7dcfa6
```
#7dcfa6 rgb(125,207,166)
```

Monochromatic Color

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

#45bb62
```
#45bb62 rgb(69,187,98)
```
#45bb6b
```
#45bb6b rgb(69,187,107)
```
#45bb75
```
#45bb75 rgb(69,187,117)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#45bb89
```
#45bb89 rgb(69,187,137)
```
#45bb93
```
#45bb93 rgb(69,187,147)
```
#45bb9d
```
#45bb9d rgb(69,187,157)
```

Similar Colors

Text with hexadecimal color #45bb7f

This text has a font color of #45bb7f.

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

#45bb7f background color

This paragraph has a background color of #45bb7f.

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

#45bb7f border color

This element has a border color of #45bb7f.

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

CSS codes

.text {color:#45bb7f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#060f0a
```
#060f0a rgb(6,15,10)
```
#0b1d14
```
#0b1d14 rgb(11,29,20)
```
#102c1e
```
#102c1e rgb(16,44,30)
```
#153a27
```
#153a27 rgb(21,58,39)
```
#1b4931
```
#1b4931 rgb(27,73,49)
```
#20573b
```
#20573b rgb(32,87,59)
```
#256545
```
#256545 rgb(37,101,69)
```
#2a744e
```
#2a744e rgb(42,116,78)
```
#308258
```
#308258 rgb(48,130,88)
```
#359062
```
#359062 rgb(53,144,98)
```
#3a9f6c
```
#3a9f6c rgb(58,159,108)
```
#3fad75
```
#3fad75 rgb(63,173,117)
```

Shade Color Variation

#45bb7f
```
#45bb7f rgb(69,187,127)
```
#53c089
```
#53c089 rgb(83,192,137)
```
#62c693
```
#62c693 rgb(98,198,147)
```
#70cb9d
```
#70cb9d rgb(112,203,157)
```
#7ed0a7
```
#7ed0a7 rgb(126,208,167)
```
#8dd5b0
```
#8dd5b0 rgb(141,213,176)
```
#9bdbba
```
#9bdbba rgb(155,219,186)
```
#aae0c4
```
#aae0c4 rgb(170,224,196)
```
#b8e5ce
```
#b8e5ce rgb(184,229,206)
```
#c6ead8
```
#c6ead8 rgb(198,234,216)
```
#d5f0e2
```
#d5f0e2 rgb(213,240,226)
```
#e3f5ec
```
#e3f5ec rgb(227,245,236)
```
#f1faf6
```
#f1faf6 rgb(241,250,246)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#768a80
```
#768a80 rgb(118,138,128)
```
#6c9480
```
#6c9480 rgb(108,148,128)
```
#629e7f
```
#629e7f rgb(98,158,127)
```
#59a77f
```
#59a77f rgb(89,167,127)
```
#4fb17f
```
#4fb17f rgb(79,177,127)
```
#45bb7f
```
#45bb7f rgb(69,187,127)
```
#3bc57f
```
#3bc57f rgb(59,197,127)
```
#31cf7f
```
#31cf7f rgb(49,207,127)
```
#28d87f
```
#28d87f rgb(40,216,127)
```
#1ee27e
```
#1ee27e rgb(30,226,126)
```
#14ec7e
```
#14ec7e rgb(20,236,126)
```
#0af67e
```
#0af67e rgb(10,246,126)
```

Tone Color Variation

Below, you can see how #45bb7f 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
#82998d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7aa7d Protanopia 1% of men
#c5a48e Deuteranopia 1% of men
#67b6c3 Tritanopia 0.001% of the population

Trichromacy

#8db07e Protanomaly 1% of men, 0.01% of women
#96ac88 Deuteranomaly 6% of men, 0.4% of women
#5bb8aa Tritanomaly 0.01% of the population

#45bb7f hex color

#45bb7f Color Information

#45bb7f Color Conversion

Color Schemes with #45bb7f

Alternatives to #45bb7f

#45bb7f Preview

Shades and Tints of #45bb7f

Tones of #45bb7f

Color Blindness Simulator