#45bf86 hex color

In a RGB color space, hex #45bf86 is composed of 27.1% red, 74.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 0% magenta, 29.8% yellow and 25.1% black. It has a hue angle of 152 degrees, a saturation of 48.8% and a lightness of 51%. #45bf86 color hex could be obtained by blending #8affff with #007f0d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45bf86 has RGB values of R:69, G:191, B:134 and CMYK values of C:0.64, M:0, Y:0.3, K:0.25. Its decimal value is 4571014.

Hex triplet	45bf86	`#45bf86`
RGB Decimal	69, 191, 134	`rgb(69,191,134)`
RGB Percent	27.1, 74.9, 52.5	`rgb(27.1%,74.9%,52.5%)`
CMYK	64, 0, 30, 25
HSL	152°, 48.8, 51	`hsl(152,48.8%,51%)`
HSV (or HSB)	152°, 63.9, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.644, -47.155, 19.008
XYZ	25.386, 40.246, 28.983
xyY	0.268, 0.425, 40.246
CIE-LCH	69.644, 50.842, 158.046
CIE-LUV	69.644, -50.721, 33.979
Hunter-Lab	63.44, -39.59, 17.32
Binary	01000101, 10111111, 10000110

#45bf86
```
#45bf86 rgb(69,191,134)
```
#bf457e
```
#bf457e rgb(191,69,126)
```

Complementary Color

#45bf49
```
#45bf49 rgb(69,191,73)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#45bbbf
```
#45bbbf rgb(69,187,191)
```

Analogous Color

#bf4945
```
#bf4945 rgb(191,73,69)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#bf45bb
```
#bf45bb rgb(191,69,187)
```

Split Complementary Color

#bf8645
```
#bf8645 rgb(191,134,69)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#8645bf
```
#8645bf rgb(134,69,191)
```

Triadic Color

#7ebf45
```
#7ebf45 rgb(126,191,69)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#8645bf
```
#8645bf rgb(134,69,191)
```
#bf457e
```
#bf457e rgb(191,69,126)
```

Tetradic Color

#2f895f
```
#2f895f rgb(47,137,95)
```
#369b6c
```
#369b6c rgb(54,155,108)
```
#3cae79
```
#3cae79 rgb(60,174,121)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#58c692
```
#58c692 rgb(88,198,146)
```
#6bcc9f
```
#6bcc9f rgb(107,204,159)
```
#7ed3ab
```
#7ed3ab rgb(126,211,171)
```

Monochromatic Color

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

#45bf68
```
#45bf68 rgb(69,191,104)
```
#45bf72
```
#45bf72 rgb(69,191,114)
```
#45bf7c
```
#45bf7c rgb(69,191,124)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#45bf90
```
#45bf90 rgb(69,191,144)
```
#45bf9a
```
#45bf9a rgb(69,191,154)
```
#45bfa5
```
#45bfa5 rgb(69,191,165)
```

Similar Colors

Text with hexadecimal color #45bf86

This text has a font color of #45bf86.

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

#45bf86 background color

This paragraph has a background color of #45bf86.

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

#45bf86 border color

This element has a border color of #45bf86.

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

CSS codes

.text {color:#45bf86;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06120d
```
#06120d rgb(6,18,13)
```
#0b2117
```
#0b2117 rgb(11,33,23)
```
#103021
```
#103021 rgb(16,48,33)
```
#153e2b
```
#153e2b rgb(21,62,43)
```
#1a4d35
```
#1a4d35 rgb(26,77,53)
```
#1f5b3f
```
#1f5b3f rgb(31,91,63)
```
#246a49
```
#246a49 rgb(36,106,73)
```
#297854
```
#297854 rgb(41,120,84)
```
#2e875e
```
#2e875e rgb(46,135,94)
```
#339668
```
#339668 rgb(51,150,104)
```
#39a472
```
#39a472 rgb(57,164,114)
```
#3eb37c
```
#3eb37c rgb(62,179,124)
```

Shade Color Variation

#45bf86
```
#45bf86 rgb(69,191,134)
```
#54c48f
```
#54c48f rgb(84,196,143)
```
#62c999
```
#62c999 rgb(98,201,153)
```
#71cea2
```
#71cea2 rgb(113,206,162)
```
#7fd3ac
```
#7fd3ac rgb(127,211,172)
```
#8ed8b5
```
#8ed8b5 rgb(142,216,181)
```
#9dddbf
```
#9dddbf rgb(157,221,191)
```
#abe2c8
```
#abe2c8 rgb(171,226,200)
```
#bae7d2
```
#bae7d2 rgb(186,231,210)
```
#c8ecdb
```
#c8ecdb rgb(200,236,219)
```
#d7f1e5
```
#d7f1e5 rgb(215,241,229)
```
#e6f6ee
```
#e6f6ee rgb(230,246,238)
```
#f4fbf8
```
#f4fbf8 rgb(244,251,248)
```

Tint Color Variation

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

#7f8582
```
#7f8582 rgb(127,133,130)
```
#758f83
```
#758f83 rgb(117,143,131)
```
#6b9983
```
#6b9983 rgb(107,153,131)
```
#62a284
```
#62a284 rgb(98,162,132)
```
#58ac85
```
#58ac85 rgb(88,172,133)
```
#4fb585
```
#4fb585 rgb(79,181,133)
```
#45bf86
```
#45bf86 rgb(69,191,134)
```
#3bc987
```
#3bc987 rgb(59,201,135)
```
#32d287
```
#32d287 rgb(50,210,135)
```
#28dc88
```
#28dc88 rgb(40,220,136)
```
#1fe589
```
#1fe589 rgb(31,229,137)
```
#15ef89
```
#15ef89 rgb(21,239,137)
```
#0bf98a
```
#0bf98a rgb(11,249,138)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#849d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baae83 Protanopia 1% of men
#c7a895 Deuteranopia 1% of men
#67bac8 Tritanopia 0.001% of the population

Trichromacy

#8fb484 Protanomaly 1% of men, 0.01% of women
#98b08f Deuteranomaly 6% of men, 0.4% of women
#5bbcb0 Tritanomaly 0.01% of the population

#45bf86 hex color

#45bf86 Color Information

#45bf86 Color Conversion

Color Schemes with #45bf86

Alternatives to #45bf86

#45bf86 Preview

Shades and Tints of #45bf86

Tones of #45bf86

Color Blindness Simulator