#54bd93 hex color

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

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

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

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

Hex triplet	54bd93	`#54bd93`
RGB Decimal	84, 189, 147	`rgb(84,189,147)`
RGB Percent	32.9, 74.1, 57.6	`rgb(32.9%,74.1%,57.6%)`
CMYK	56, 0, 22, 26
HSL	156°, 44.3, 53.5	`hsl(156,44.3%,53.5%)`
HSV (or HSB)	156°, 55.6, 74.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.743, -40.417, 12.188
XYZ	27.118, 40.385, 33.968
xyY	0.267, 0.398, 40.385
CIE-LCH	69.743, 42.214, 163.219
CIE-LUV	69.743, -45.528, 23.853
Hunter-Lab	63.549, -35.039, 12.793
Binary	01010100, 10111101, 10010011

#54bd93
```
#54bd93 rgb(84,189,147)
```
#bd547e
```
#bd547e rgb(189,84,126)
```

Complementary Color

#54bd5e
```
#54bd5e rgb(84,189,94)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#54b3bd
```
#54b3bd rgb(84,179,189)
```

Analogous Color

#bd5f54
```
#bd5f54 rgb(189,95,84)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#bd54b3
```
#bd54b3 rgb(189,84,179)
```

Split Complementary Color

#bd9354
```
#bd9354 rgb(189,147,84)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#9354bd
```
#9354bd rgb(147,84,189)
```

Triadic Color

#7ebd54
```
#7ebd54 rgb(126,189,84)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#9354bd
```
#9354bd rgb(147,84,189)
```
#bd547e
```
#bd547e rgb(189,84,126)
```

Tetradic Color

#378e6b
```
#378e6b rgb(55,142,107)
```
#3ea079
```
#3ea079 rgb(62,160,121)
```
#45b387
```
#45b387 rgb(69,179,135)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#66c49f
```
#66c49f rgb(102,196,159)
```
#79cbaa
```
#79cbaa rgb(121,203,170)
```
#8bd2b6
```
#8bd2b6 rgb(139,210,182)
```

Monochromatic Color

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

#54bd79
```
#54bd79 rgb(84,189,121)
```
#54bd82
```
#54bd82 rgb(84,189,130)
```
#54bd8a
```
#54bd8a rgb(84,189,138)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#54bd9c
```
#54bd9c rgb(84,189,156)
```
#54bda5
```
#54bda5 rgb(84,189,165)
```
#54bdad
```
#54bdad rgb(84,189,173)
```

Similar Colors

Text with hexadecimal color #54bd93

This text has a font color of #54bd93.

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

#54bd93 background color

This paragraph has a background color of #54bd93.

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

#54bd93 border color

This element has a border color of #54bd93.

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

CSS codes

.text {color:#54bd93;}

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

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

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

#050d0a
```
#050d0a rgb(5,13,10)
```
#0a1b14
```
#0a1b14 rgb(10,27,20)
```
#10291f
```
#10291f rgb(16,41,31)
```
#15372a
```
#15372a rgb(21,55,42)
```
#1b4635
```
#1b4635 rgb(27,70,53)
```
#20543f
```
#20543f rgb(32,84,63)
```
#26624a
```
#26624a rgb(38,98,74)
```
#2b7055
```
#2b7055 rgb(43,112,85)
```
#317e5f
```
#317e5f rgb(49,126,95)
```
#368c6a
```
#368c6a rgb(54,140,106)
```
#3c9b75
```
#3c9b75 rgb(60,155,117)
```
#41a97f
```
#41a97f rgb(65,169,127)
```
#47b78a
```
#47b78a rgb(71,183,138)
```

Shade Color Variation

#54bd93
```
#54bd93 rgb(84,189,147)
```
#62c29c
```
#62c29c rgb(98,194,156)
```
#70c8a5
```
#70c8a5 rgb(112,200,165)
```
#7ecdae
```
#7ecdae rgb(126,205,174)
```
#8dd3b7
```
#8dd3b7 rgb(141,211,183)
```
#9bd8c0
```
#9bd8c0 rgb(155,216,192)
```
#a9dec9
```
#a9dec9 rgb(169,222,201)
```
#b7e3d2
```
#b7e3d2 rgb(183,227,210)
```
#c5e9db
```
#c5e9db rgb(197,233,219)
```
#d3eee3
```
#d3eee3 rgb(211,238,227)
```
#e2f4ec
```
#e2f4ec rgb(226,244,236)
```
#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, #828f8a is the less saturated color, while #14fda0 is the most saturated one.

#828f8a
```
#828f8a rgb(130,143,138)
```
#78998c
```
#78998c rgb(120,153,140)
```
#6fa28e
```
#6fa28e rgb(111,162,142)
```
#66ab8f
```
#66ab8f rgb(102,171,143)
```
#5db491
```
#5db491 rgb(93,180,145)
```
#54bd93
```
#54bd93 rgb(84,189,147)
```
#4bc695
```
#4bc695 rgb(75,198,149)
```
#42cf97
```
#42cf97 rgb(66,207,151)
```
#39d898
```
#39d898 rgb(57,216,152)
```
#30e19a
```
#30e19a rgb(48,225,154)
```
#26eb9c
```
#26eb9c rgb(38,235,156)
```
#1df49e
```
#1df49e rgb(29,244,158)
```
#14fda0
```
#14fda0 rgb(20,253,160)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8ba098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae90 Protanopia 1% of men
#c4a9a0 Deuteranopia 1% of men
#6eb9c7 Tritanopia 0.001% of the population

Trichromacy

#94b391 Protanomaly 1% of men, 0.01% of women
#9bb09b Deuteranomaly 6% of men, 0.4% of women
#64bbb4 Tritanomaly 0.01% of the population

#54bd93 hex color

#54bd93 Color Information

#54bd93 Color Conversion

Color Schemes with #54bd93

Alternatives to #54bd93

#54bd93 Preview

Shades and Tints of #54bd93

Tones of #54bd93

Color Blindness Simulator