colorhexa.com

#54bd8c hex color

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

- R 33
- G 74
- B 55
RGB color chart
- C 56
- M 0
- Y 26
- K 26
CMYK color chart

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

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

Hex triplet	54bd8c	`#54bd8c`
RGB Decimal	84, 189, 140	`rgb(84,189,140)`
RGB Percent	32.9, 74.1, 54.9	`rgb(32.9%,74.1%,54.9%)`
CMYK	56, 0, 26, 26
HSL	152°, 44.3, 53.5	`hsl(152,44.3%,53.5%)`
HSV (or HSB)	152°, 55.6, 74.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.591, -41.935, 15.77
XYZ	26.586, 40.171, 31.162
xyY	0.272, 0.41, 40.171
CIE-LCH	69.591, 44.802, 159.391
CIE-LUV	69.591, -45.852, 28.922
Hunter-Lab	63.381, -36.044, 15.216
Binary	01010100, 10111101, 10001100

#54bd8c
```
#54bd8c rgb(84,189,140)
```
#bd5485
```
#bd5485 rgb(189,84,133)
```

Complementary Color

#54bd58
```
#54bd58 rgb(84,189,88)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#54babd
```
#54babd rgb(84,186,189)
```

Analogous Color

#bd5854
```
#bd5854 rgb(189,88,84)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#bd54ba
```
#bd54ba rgb(189,84,186)
```

Split Complementary Color

#bd8c54
```
#bd8c54 rgb(189,140,84)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#8c54bd
```
#8c54bd rgb(140,84,189)
```

Triadic Color

#85bd54
```
#85bd54 rgb(133,189,84)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#8c54bd
```
#8c54bd rgb(140,84,189)
```
#bd5485
```
#bd5485 rgb(189,84,133)
```

Tetradic Color

#378e65
```
#378e65 rgb(55,142,101)
```
#3ea072
```
#3ea072 rgb(62,160,114)
```
#45b37f
```
#45b37f rgb(69,179,127)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#66c498
```
#66c498 rgb(102,196,152)
```
#79cba5
```
#79cba5 rgb(121,203,165)
```
#8bd2b1
```
#8bd2b1 rgb(139,210,177)
```

Monochromatic Color

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

#54bd72
```
#54bd72 rgb(84,189,114)
```
#54bd7b
```
#54bd7b rgb(84,189,123)
```
#54bd83
```
#54bd83 rgb(84,189,131)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#54bd95
```
#54bd95 rgb(84,189,149)
```
#54bd9e
```
#54bd9e rgb(84,189,158)
```
#54bda6
```
#54bda6 rgb(84,189,166)
```

Similar Colors

Text with hexadecimal color #54bd8c

This text has a font color of #54bd8c.

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

#54bd8c background color

This paragraph has a background color of #54bd8c.

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

#54bd8c border color

This element has a border color of #54bd8c.

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

CSS codes

.text {color:#54bd8c;}

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

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

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)
```
#0a1b13
```
#0a1b13 rgb(10,27,19)
```
#10291d
```
#10291d rgb(16,41,29)
```
#153728
```
#153728 rgb(21,55,40)
```
#1b4632
```
#1b4632 rgb(27,70,50)
```
#20543c
```
#20543c rgb(32,84,60)
```
#266246
```
#266246 rgb(38,98,70)
```
#2b7050
```
#2b7050 rgb(43,112,80)
```
#317e5a
```
#317e5a rgb(49,126,90)
```
#368c64
```
#368c64 rgb(54,140,100)
```
#3c9b6e
```
#3c9b6e rgb(60,155,110)
```
#41a978
```
#41a978 rgb(65,169,120)
```
#47b782
```
#47b782 rgb(71,183,130)
```

Shade Color Variation

#54bd8c
```
#54bd8c rgb(84,189,140)
```
#62c296
```
#62c296 rgb(98,194,150)
```
#70c89f
```
#70c89f rgb(112,200,159)
```
#7ecda9
```
#7ecda9 rgb(126,205,169)
```
#8dd3b2
```
#8dd3b2 rgb(141,211,178)
```
#9bd8bc
```
#9bd8bc rgb(155,216,188)
```
#a9dec5
```
#a9dec5 rgb(169,222,197)
```
#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 #14fd90 is the most saturated one.

#828f89
```
#828f89 rgb(130,143,137)
```
#78998a
```
#78998a rgb(120,153,138)
```
#6fa28a
```
#6fa28a rgb(111,162,138)
```
#66ab8b
```
#66ab8b rgb(102,171,139)
```
#5db48b
```
#5db48b rgb(93,180,139)
```
#54bd8c
```
#54bd8c rgb(84,189,140)
```
#4bc68d
```
#4bc68d rgb(75,198,141)
```
#42cf8d
```
#42cf8d rgb(66,207,141)
```
#39d88e
```
#39d88e rgb(57,216,142)
```
#30e18e
```
#30e18e rgb(48,225,142)
```
#26eb8f
```
#26eb8f rgb(38,235,143)
```
#1df490
```
#1df490 rgb(29,244,144)
```
#14fd90
```
#14fd90 rgb(20,253,144)
```

Tone Color Variation

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

#b9ae89 Protanopia 1% of men
#c6a89a Deuteranopia 1% of men
#70b9c6 Tritanopia 0.001% of the population

Trichromacy

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