#45bd83 hex color

In a RGB color space, hex #45bd83 is composed of 27.1% red, 74.1% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 0% magenta, 30.7% yellow and 25.9% black. It has a hue angle of 151 degrees, a saturation of 47.6% and a lightness of 50.6%. #45bd83 color hex could be obtained by blending #8affff with #007b07. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 74
- B 51
RGB color chart
- C 63
- M 0
- Y 31
- K 26
CMYK color chart

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

The hexadecimal color #45bd83 has RGB values of R:69, G:189, B:131 and CMYK values of C:0.63, M:0, Y:0.31, K:0.26. Its decimal value is 4570499.

Hex triplet	45bd83	`#45bd83`
RGB Decimal	69, 189, 131	`rgb(69,189,131)`
RGB Percent	27.1, 74.1, 51.4	`rgb(27.1%,74.1%,51.4%)`
CMYK	63, 0, 31, 26
HSL	151°, 47.6, 50.6	`hsl(151,47.6%,50.6%)`
HSV (or HSB)	151°, 63.5, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.966, -46.958, 19.686
XYZ	24.747, 39.297, 27.752
xyY	0.27, 0.428, 39.297
CIE-LCH	68.966, 50.917, 157.256
CIE-LUV	68.966, -50.13, 34.743
Hunter-Lab	62.687, -39.237, 17.633
Binary	01000101, 10111101, 10000011

#45bd83
```
#45bd83 rgb(69,189,131)
```
#bd457f
```
#bd457f rgb(189,69,127)
```

Complementary Color

#45bd47
```
#45bd47 rgb(69,189,71)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#45bbbd
```
#45bbbd rgb(69,187,189)
```

Analogous Color

#bd4745
```
#bd4745 rgb(189,71,69)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#bd45bb
```
#bd45bb rgb(189,69,187)
```

Split Complementary Color

#bd8345
```
#bd8345 rgb(189,131,69)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#8345bd
```
#8345bd rgb(131,69,189)
```

Triadic Color

#7fbd45
```
#7fbd45 rgb(127,189,69)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#8345bd
```
#8345bd rgb(131,69,189)
```
#bd457f
```
#bd457f rgb(189,69,127)
```

Tetradic Color

#30865c
```
#30865c rgb(48,134,92)
```
#369969
```
#369969 rgb(54,153,105)
```
#3dac76
```
#3dac76 rgb(61,172,118)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#58c490
```
#58c490 rgb(88,196,144)
```
#6bca9c
```
#6bca9c rgb(107,202,156)
```
#7dd1a9
```
#7dd1a9 rgb(125,209,169)
```

Monochromatic Color

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

#45bd65
```
#45bd65 rgb(69,189,101)
```
#45bd6f
```
#45bd6f rgb(69,189,111)
```
#45bd79
```
#45bd79 rgb(69,189,121)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#45bd8d
```
#45bd8d rgb(69,189,141)
```
#45bd97
```
#45bd97 rgb(69,189,151)
```
#45bda1
```
#45bda1 rgb(69,189,161)
```

Similar Colors

Text with hexadecimal color #45bd83

This text has a font color of #45bd83.

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

#45bd83 background color

This paragraph has a background color of #45bd83.

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

#45bd83 border color

This element has a border color of #45bd83.

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

CSS codes

.text {color:#45bd83;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06110b
```
#06110b rgb(6,17,11)
```
#0b1f15
```
#0b1f15 rgb(11,31,21)
```
#102e1f
```
#102e1f rgb(16,46,31)
```
#153c29
```
#153c29 rgb(21,60,41)
```
#1a4b33
```
#1a4b33 rgb(26,75,51)
```
#20593d
```
#20593d rgb(32,89,61)
```
#256847
```
#256847 rgb(37,104,71)
```
#2a7651
```
#2a7651 rgb(42,118,81)
```
#2f855b
```
#2f855b rgb(47,133,91)
```
#349365
```
#349365 rgb(52,147,101)
```
#39a16f
```
#39a16f rgb(57,161,111)
```
#3eb079
```
#3eb079 rgb(62,176,121)
```

Shade Color Variation

#45bd83
```
#45bd83 rgb(69,189,131)
```
#53c28d
```
#53c28d rgb(83,194,141)
```
#62c796
```
#62c796 rgb(98,199,150)
```
#70cca0
```
#70cca0 rgb(112,204,160)
```
#7fd2aa
```
#7fd2aa rgb(127,210,170)
```
#8dd7b3
```
#8dd7b3 rgb(141,215,179)
```
#9cdcbd
```
#9cdcbd rgb(156,220,189)
```
#aae1c7
```
#aae1c7 rgb(170,225,199)
```
#b9e6d0
```
#b9e6d0 rgb(185,230,208)
```
#c7ebda
```
#c7ebda rgb(199,235,218)
```
#d6f0e4
```
#d6f0e4 rgb(214,240,228)
```
#e4f6ed
```
#e4f6ed rgb(228,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, #7f8381 is the less saturated color, while #0bf785 is the most saturated one.

#7f8381
```
#7f8381 rgb(127,131,129)
```
#758d81
```
#758d81 rgb(117,141,129)
```
#6c9682
```
#6c9682 rgb(108,150,130)
```
#62a082
```
#62a082 rgb(98,160,130)
```
#58aa82
```
#58aa82 rgb(88,170,130)
```
#4fb383
```
#4fb383 rgb(79,179,131)
```
#45bd83
```
#45bd83 rgb(69,189,131)
```
#3bc783
```
#3bc783 rgb(59,199,131)
```
#32d084
```
#32d084 rgb(50,208,132)
```
#28da84
```
#28da84 rgb(40,218,132)
```
#1ee484
```
#1ee484 rgb(30,228,132)
```
#15ed85
```
#15ed85 rgb(21,237,133)
```
#0bf785
```
#0bf785 rgb(11,247,133)
```

Tone Color Variation

Below, you can see how #45bd83 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
#839b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ac81 Protanopia 1% of men
#c6a692 Deuteranopia 1% of men
#67b8c5 Tritanopia 0.001% of the population

Trichromacy

#8eb281 Protanomaly 1% of men, 0.01% of women
#97ae8c Deuteranomaly 6% of men, 0.4% of women
#5bbaad Tritanomaly 0.01% of the population

#45bd83 hex color

#45bd83 Color Information

#45bd83 Color Conversion

Color Schemes with #45bd83

Alternatives to #45bd83

#45bd83 Preview

Shades and Tints of #45bd83

Tones of #45bd83

Color Blindness Simulator