#54cb86 hex color

In a RGB color space, hex #54cb86 is composed of 32.9% red, 79.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 0% magenta, 34% yellow and 20.4% black. It has a hue angle of 145.2 degrees, a saturation of 53.4% and a lightness of 56.3%. #54cb86 color hex could be obtained by blending #a8ffff with #00970d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 80
- B 53
RGB color chart
- C 59
- M 0
- Y 34
- K 20
CMYK color chart

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

The hexadecimal color #54cb86 has RGB values of R:84, G:203, B:134 and CMYK values of C:0.59, M:0, Y:0.34, K:0.2. Its decimal value is 5557126.

Hex triplet	54cb86	`#54cb86`
RGB Decimal	84, 203, 134	`rgb(84,203,134)`
RGB Percent	32.9, 79.6, 52.5	`rgb(32.9%,79.6%,52.5%)`
CMYK	59, 0, 34, 20
HSL	145.2°, 53.4, 56.3	`hsl(145.2,53.4%,56.3%)`
HSV (or HSB)	145.2°, 58.6, 79.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.75, -49.038, 24.674
XYZ	29.313, 46.316, 29.948
xyY	0.278, 0.439, 46.316
CIE-LCH	73.75, 54.896, 153.29
CIE-LUV	73.75, -51.557, 42.013
Hunter-Lab	68.056, -42.213, 21.548
Binary	01010100, 11001011, 10000110

#54cb86
```
#54cb86 rgb(84,203,134)
```
#cb5499
```
#cb5499 rgb(203,84,153)
```

Complementary Color

#5ecb54
```
#5ecb54 rgb(94,203,84)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#54cbc2
```
#54cbc2 rgb(84,203,194)
```

Analogous Color

#cb545e
```
#cb545e rgb(203,84,94)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#c254cb
```
#c254cb rgb(194,84,203)
```

Split Complementary Color

#cb8654
```
#cb8654 rgb(203,134,84)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#8654cb
```
#8654cb rgb(134,84,203)
```

Triadic Color

#99cb54
```
#99cb54 rgb(153,203,84)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#8654cb
```
#8654cb rgb(134,84,203)
```
#cb5499
```
#cb5499 rgb(203,84,153)
```

Tetradic Color

#31a160
```
#31a160 rgb(49,161,96)
```
#37b56c
```
#37b56c rgb(55,181,108)
```
#40c578
```
#40c578 rgb(64,197,120)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#68d194
```
#68d194 rgb(104,209,148)
```
#7bd7a2
```
#7bd7a2 rgb(123,215,162)
```
#8fddb0
```
#8fddb0 rgb(143,221,176)
```

Monochromatic Color

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

#54cb68
```
#54cb68 rgb(84,203,104)
```
#54cb72
```
#54cb72 rgb(84,203,114)
```
#54cb7c
```
#54cb7c rgb(84,203,124)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#54cb90
```
#54cb90 rgb(84,203,144)
```
#54cb9a
```
#54cb9a rgb(84,203,154)
```
#54cba4
```
#54cba4 rgb(84,203,164)
```

Similar Colors

Text with hexadecimal color #54cb86

This text has a font color of #54cb86.

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

#54cb86 background color

This paragraph has a background color of #54cb86.

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

#54cb86 border color

This element has a border color of #54cb86.

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

CSS codes

.text {color:#54cb86;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#07190f
```
#07190f rgb(7,25,15)
```
#0c2818
```
#0c2818 rgb(12,40,24)
```
#113721
```
#113721 rgb(17,55,33)
```
#15462a
```
#15462a rgb(21,70,42)
```
#1a5533
```
#1a5533 rgb(26,85,51)
```
#1e643b
```
#1e643b rgb(30,100,59)
```
#237344
```
#237344 rgb(35,115,68)
```
#27824d
```
#27824d rgb(39,130,77)
```
#2c9156
```
#2c9156 rgb(44,145,86)
```
#31a05f
```
#31a05f rgb(49,160,95)
```
#35af68
```
#35af68 rgb(53,175,104)
```
#3abe71
```
#3abe71 rgb(58,190,113)
```

Shade Color Variation

#45c67b
```
#45c67b rgb(69,198,123)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#63d091
```
#63d091 rgb(99,208,145)
```
#72d49b
```
#72d49b rgb(114,212,155)
```
#81d9a6
```
#81d9a6 rgb(129,217,166)
```
#90ddb1
```
#90ddb1 rgb(144,221,177)
```
#9fe2bb
```
#9fe2bb rgb(159,226,187)
```
#aee6c6
```
#aee6c6 rgb(174,230,198)
```
#bdebd1
```
#bdebd1 rgb(189,235,209)
```
#ccf0db
```
#ccf0db rgb(204,240,219)
```
#dbf4e6
```
#dbf4e6 rgb(219,244,230)
```
#eaf9f0
```
#eaf9f0 rgb(234,249,240)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87988e is the less saturated color, while #21fe7e is the most saturated one.

#87988e
```
#87988e rgb(135,152,142)
```
#7fa08d
```
#7fa08d rgb(127,160,141)
```
#76a98b
```
#76a98b rgb(118,169,139)
```
#6eb18a
```
#6eb18a rgb(110,177,138)
```
#65ba89
```
#65ba89 rgb(101,186,137)
```
#5dc287
```
#5dc287 rgb(93,194,135)
```
#54cb86
```
#54cb86 rgb(84,203,134)
```
#4bd485
```
#4bd485 rgb(75,212,133)
```
#43dc83
```
#43dc83 rgb(67,220,131)
```
#3ae582
```
#3ae582 rgb(58,229,130)
```
#32ed81
```
#32ed81 rgb(50,237,129)
```
#29f67f
```
#29f67f rgb(41,246,127)
```
#21fe7e
```
#21fe7e rgb(33,254,126)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a99b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b883 Protanopia 1% of men
#d6b295 Deuteranopia 1% of men
#76c4d3 Tritanopia 0.001% of the population

Trichromacy

#9dbf84 Protanomaly 1% of men, 0.01% of women
#a7bb8f Deuteranomaly 6% of men, 0.4% of women
#69c7b7 Tritanomaly 0.01% of the population

#54cb86 hex color

#54cb86 Color Information

#54cb86 Color Conversion

Color Schemes with #54cb86

Alternatives to #54cb86

#54cb86 Preview

Shades and Tints of #54cb86

Tones of #54cb86

Color Blindness Simulator