#45bf96 hex color

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

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

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

The hexadecimal color #45bf96 has RGB values of R:69, G:191, B:150 and CMYK values of C:0.64, M:0, Y:0.21, K:0.25. Its decimal value is 4571030.

Hex triplet	45bf96	`#45bf96`
RGB Decimal	69, 191, 150	`rgb(69,191,150)`
RGB Percent	27.1, 74.9, 58.8	`rgb(27.1%,74.9%,58.8%)`
CMYK	64, 0, 21, 25
HSL	159.8°, 48.8, 51	`hsl(159.8,48.8%,51%)`
HSV (or HSB)	159.8°, 63.9, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.984, -43.617, 10.838
XYZ	26.588, 40.727, 35.312
xyY	0.259, 0.397, 40.727
CIE-LCH	69.984, 44.943, 166.046
CIE-LUV	69.984, -49.841, 22.477
Hunter-Lab	63.817, -37.312, 11.865
Binary	01000101, 10111111, 10010110

#45bf96
```
#45bf96 rgb(69,191,150)
```
#bf456e
```
#bf456e rgb(191,69,110)
```

Complementary Color

#45bf59
```
#45bf59 rgb(69,191,89)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#45abbf
```
#45abbf rgb(69,171,191)
```

Analogous Color

#bf5945
```
#bf5945 rgb(191,89,69)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#bf45ab
```
#bf45ab rgb(191,69,171)
```

Split Complementary Color

#bf9645
```
#bf9645 rgb(191,150,69)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#9645bf
```
#9645bf rgb(150,69,191)
```

Triadic Color

#6ebf45
```
#6ebf45 rgb(110,191,69)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#9645bf
```
#9645bf rgb(150,69,191)
```
#bf456e
```
#bf456e rgb(191,69,110)
```

Tetradic Color

#2f896a
```
#2f896a rgb(47,137,106)
```
#369b79
```
#369b79 rgb(54,155,121)
```
#3cae88
```
#3cae88 rgb(60,174,136)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#58c6a1
```
#58c6a1 rgb(88,198,161)
```
#6bccab
```
#6bccab rgb(107,204,171)
```
#7ed3b6
```
#7ed3b6 rgb(126,211,182)
```

Monochromatic Color

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

#45bf78
```
#45bf78 rgb(69,191,120)
```
#45bf82
```
#45bf82 rgb(69,191,130)
```
#45bf8c
```
#45bf8c rgb(69,191,140)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#45bfa0
```
#45bfa0 rgb(69,191,160)
```
#45bfaa
```
#45bfaa rgb(69,191,170)
```
#45bfb5
```
#45bfb5 rgb(69,191,181)
```

Similar Colors

Text with hexadecimal color #45bf96

This text has a font color of #45bf96.

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

#45bf96 background color

This paragraph has a background color of #45bf96.

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

#45bf96 border color

This element has a border color of #45bf96.

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

CSS codes

.text {color:#45bf96;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06120e
```
#06120e rgb(6,18,14)
```
#0b211a
```
#0b211a rgb(11,33,26)
```
#103025
```
#103025 rgb(16,48,37)
```
#153e30
```
#153e30 rgb(21,62,48)
```
#1a4d3c
```
#1a4d3c rgb(26,77,60)
```
#1f5b47
```
#1f5b47 rgb(31,91,71)
```
#246a53
```
#246a53 rgb(36,106,83)
```
#29785e
```
#29785e rgb(41,120,94)
```
#2e8769
```
#2e8769 rgb(46,135,105)
```
#339675
```
#339675 rgb(51,150,117)
```
#39a480
```
#39a480 rgb(57,164,128)
```
#3eb38b
```
#3eb38b rgb(62,179,139)
```

Shade Color Variation

#45bf96
```
#45bf96 rgb(69,191,150)
```
#54c49e
```
#54c49e rgb(84,196,158)
```
#62c9a6
```
#62c9a6 rgb(98,201,166)
```
#71ceaf
```
#71ceaf rgb(113,206,175)
```
#7fd3b7
```
#7fd3b7 rgb(127,211,183)
```
#8ed8bf
```
#8ed8bf rgb(142,216,191)
```
#9dddc7
```
#9dddc7 rgb(157,221,199)
```
#abe2d0
```
#abe2d0 rgb(171,226,208)
```
#bae7d8
```
#bae7d8 rgb(186,231,216)
```
#c8ece0
```
#c8ece0 rgb(200,236,224)
```
#d7f1e8
```
#d7f1e8 rgb(215,241,232)
```
#e6f6f1
```
#e6f6f1 rgb(230,246,241)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

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

#7f8583
```
#7f8583 rgb(127,133,131)
```
#758f86
```
#758f86 rgb(117,143,134)
```
#6b9989
```
#6b9989 rgb(107,153,137)
```
#62a28d
```
#62a28d rgb(98,162,141)
```
#58ac90
```
#58ac90 rgb(88,172,144)
```
#4fb593
```
#4fb593 rgb(79,181,147)
```
#45bf96
```
#45bf96 rgb(69,191,150)
```
#3bc999
```
#3bc999 rgb(59,201,153)
```
#32d29c
```
#32d29c rgb(50,210,156)
```
#28dc9f
```
#28dc9f rgb(40,220,159)
```
#1fe5a3
```
#1fe5a3 rgb(31,229,163)
```
#15efa6
```
#15efa6 rgb(21,239,166)
```
#0bf9a9
```
#0bf9a9 rgb(11,249,169)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ae92 Protanopia 1% of men
#c3a9a3 Deuteranopia 1% of men
#64bbc9 Tritanopia 0.001% of the population

Trichromacy

#8eb493 Protanomaly 1% of men, 0.01% of women
#95b19e Deuteranomaly 6% of men, 0.4% of women
#58bdb6 Tritanomaly 0.01% of the population

#45bf96 hex color

#45bf96 Color Information

#45bf96 Color Conversion

Color Schemes with #45bf96

Alternatives to #45bf96

#45bf96 Preview

Shades and Tints of #45bf96

Tones of #45bf96

Color Blindness Simulator