#54bd8d hex color

In a RGB color space, hex #54bd8d is composed of 32.9% red, 74.1% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 25.4% yellow and 25.9% black. It has a hue angle of 152.6 degrees, a saturation of 44.3% and a lightness of 53.5%. #54bd8d color hex could be obtained by blending #a8ffff with #007b1b. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 74
- B 55
RGB color chart
- C 56
- M 0
- Y 25
- K 26
CMYK color chart

● #54bd8d color description : Moderate cyan - lime green.

The hexadecimal color #54bd8d has RGB values of R:84, G:189, B:141 and CMYK values of C:0.56, M:0, Y:0.25, K:0.26. Its decimal value is 5553549.

Hex triplet	54bd8d	`#54bd8d`
RGB Decimal	84, 189, 141	`rgb(84,189,141)`
RGB Percent	32.9, 74.1, 55.3	`rgb(32.9%,74.1%,55.3%)`
CMYK	56, 0, 25, 26
HSL	152.6°, 44.3, 53.5	`hsl(152.6,44.3%,53.5%)`
HSV (or HSB)	152.6°, 55.6, 74.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.613, -41.722, 15.259
XYZ	26.66, 40.201, 31.553
xyY	0.271, 0.408, 40.201
CIE-LCH	69.613, 44.425, 159.912
CIE-LUV	69.613, -45.806, 28.208
Hunter-Lab	63.404, -35.904, 14.878
Binary	01010100, 10111101, 10001101

#54bd8d
```
#54bd8d rgb(84,189,141)
```
#bd5484
```
#bd5484 rgb(189,84,132)
```

Complementary Color

#54bd59
```
#54bd59 rgb(84,189,89)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#54b9bd
```
#54b9bd rgb(84,185,189)
```

Analogous Color

#bd5954
```
#bd5954 rgb(189,89,84)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#bd54b9
```
#bd54b9 rgb(189,84,185)
```

Split Complementary Color

#bd8d54
```
#bd8d54 rgb(189,141,84)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#8d54bd
```
#8d54bd rgb(141,84,189)
```

Triadic Color

#84bd54
```
#84bd54 rgb(132,189,84)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#8d54bd
```
#8d54bd rgb(141,84,189)
```
#bd5484
```
#bd5484 rgb(189,84,132)
```

Tetradic Color

#378e66
```
#378e66 rgb(55,142,102)
```
#3ea073
```
#3ea073 rgb(62,160,115)
```
#45b380
```
#45b380 rgb(69,179,128)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#66c499
```
#66c499 rgb(102,196,153)
```
#79cba6
```
#79cba6 rgb(121,203,166)
```
#8bd2b2
```
#8bd2b2 rgb(139,210,178)
```

Monochromatic Color

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

#54bd73
```
#54bd73 rgb(84,189,115)
```
#54bd7c
```
#54bd7c rgb(84,189,124)
```
#54bd84
```
#54bd84 rgb(84,189,132)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#54bd96
```
#54bd96 rgb(84,189,150)
```
#54bd9f
```
#54bd9f rgb(84,189,159)
```
#54bda7
```
#54bda7 rgb(84,189,167)
```

Similar Colors

Text with hexadecimal color #54bd8d

This text has a font color of #54bd8d.

<span style="color:#54bd8d;">Text here</span>

#54bd8d background color

This paragraph has a background color of #54bd8d.

<p style="background-color:#54bd8d;">Content here</p>

#54bd8d border color

This element has a border color of #54bd8d.

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

CSS codes

.text {color:#54bd8d;}

.background {background-color:#54bd8d;}

.border {border:1px solid #54bd8d;}

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, #050d09 is the darkest color, while #fefffe is the lightest one.

#050d09
```
#050d09 rgb(5,13,9)
```
#0a1b14
```
#0a1b14 rgb(10,27,20)
```
#10291e
```
#10291e rgb(16,41,30)
```
#153728
```
#153728 rgb(21,55,40)
```
#1b4632
```
#1b4632 rgb(27,70,50)
```
#20543c
```
#20543c rgb(32,84,60)
```
#266246
```
#266246 rgb(38,98,70)
```
#2b7051
```
#2b7051 rgb(43,112,81)
```
#317e5b
```
#317e5b rgb(49,126,91)
```
#368c65
```
#368c65 rgb(54,140,101)
```
#3c9b6f
```
#3c9b6f rgb(60,155,111)
```
#41a979
```
#41a979 rgb(65,169,121)
```
#47b784
```
#47b784 rgb(71,183,132)
```

Shade Color Variation

#54bd8d
```
#54bd8d rgb(84,189,141)
```
#62c296
```
#62c296 rgb(98,194,150)
```
#70c8a0
```
#70c8a0 rgb(112,200,160)
```
#7ecda9
```
#7ecda9 rgb(126,205,169)
```
#8dd3b3
```
#8dd3b3 rgb(141,211,179)
```
#9bd8bc
```
#9bd8bc rgb(155,216,188)
```
#a9dec6
```
#a9dec6 rgb(169,222,198)
```
#b7e3cf
```
#b7e3cf rgb(183,227,207)
```
#c5e9d8
```
#c5e9d8 rgb(197,233,216)
```
#d3eee2
```
#d3eee2 rgb(211,238,226)
```
#e2f4eb
```
#e2f4eb rgb(226,244,235)
```
#f0f9f5
```
#f0f9f5 rgb(240,249,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828f89 is the less saturated color, while #14fd92 is the most saturated one.

#828f89
```
#828f89 rgb(130,143,137)
```
#78998a
```
#78998a rgb(120,153,138)
```
#6fa28b
```
#6fa28b rgb(111,162,139)
```
#66ab8b
```
#66ab8b rgb(102,171,139)
```
#5db48c
```
#5db48c rgb(93,180,140)
```
#54bd8d
```
#54bd8d rgb(84,189,141)
```
#4bc68e
```
#4bc68e rgb(75,198,142)
```
#42cf8f
```
#42cf8f rgb(66,207,143)
```
#39d88f
```
#39d88f rgb(57,216,143)
```
#30e190
```
#30e190 rgb(48,225,144)
```
#26eb91
```
#26eb91 rgb(38,235,145)
```
#1df492
```
#1df492 rgb(29,244,146)
```
#14fd92
```
#14fd92 rgb(20,253,146)
```

Tone Color Variation

Below, you can see how #54bd8d 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

#989898 Achromatopsia 0.005% of the population
#8a9f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ae8a Protanopia 1% of men
#c5a89b Deuteranopia 1% of men
#6fb9c6 Tritanopia 0.001% of the population

Trichromacy

#94b38b Protanomaly 1% of men, 0.01% of women
#9caf95 Deuteranomaly 6% of men, 0.4% of women
#65bab1 Tritanomaly 0.01% of the population

#54bd8d hex color

#54bd8d Color Information

#54bd8d Color Conversion

Color Schemes with #54bd8d

Alternatives to #54bd8d

#54bd8d Preview

Shades and Tints of #54bd8d

Tones of #54bd8d

Color Blindness Simulator