#54ed96 hex color

In a RGB color space, hex #54ed96 is composed of 32.9% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 145.9 degrees, a saturation of 81% and a lightness of 62.9%. #54ed96 color hex could be obtained by blending #a8ffff with #00db2d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 33
- G 93
- B 59
RGB color chart
- C 65
- M 0
- Y 37
- K 7
CMYK color chart

● #54ed96 color description : Soft cyan - lime green.

The hexadecimal color #54ed96 has RGB values of R:84, G:237, B:150 and CMYK values of C:0.65, M:0, Y:0.37, K:0.07. Its decimal value is 5565846.

Hex triplet	54ed96	`#54ed96`
RGB Decimal	84, 237, 150	`rgb(84,237,150)`
RGB Percent	32.9, 92.9, 58.8	`rgb(32.9%,92.9%,58.8%)`
CMYK	65, 0, 37, 7
HSL	145.9°, 81, 62.9	`hsl(145.9,81%,62.9%)`
HSV (or HSB)	145.9°, 64.6, 92.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	84.304, -59.398, 30.596
XYZ	39.443, 64.652, 39.253
xyY	0.275, 0.451, 64.652
CIE-LCH	84.304, 66.815, 152.747
CIE-LUV	84.304, -63.395, 52.573
Hunter-Lab	80.406, -53.149, 27.34
Binary	01010100, 11101101, 10010110

#54ed96
```
#54ed96 rgb(84,237,150)
```
#ed54ab
```
#ed54ab rgb(237,84,171)
```

Complementary Color

#5fed54
```
#5fed54 rgb(95,237,84)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#54ede3
```
#54ede3 rgb(84,237,227)
```

Analogous Color

#ed545f
```
#ed545f rgb(237,84,95)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#e354ed
```
#e354ed rgb(227,84,237)
```

Split Complementary Color

#ed9654
```
#ed9654 rgb(237,150,84)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#9654ed
```
#9654ed rgb(150,84,237)
```

Triadic Color

#abed54
```
#abed54 rgb(171,237,84)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#9654ed
```
#9654ed rgb(150,84,237)
```
#ed54ab
```
#ed54ab rgb(237,84,171)
```

Tetradic Color

#17dd6d
```
#17dd6d rgb(23,221,109)
```
#26e87a
```
#26e87a rgb(38,232,122)
```
#3deb88
```
#3deb88 rgb(61,235,136)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#6befa4
```
#6befa4 rgb(107,239,164)
```
#82f2b2
```
#82f2b2 rgb(130,242,178)
```
#99f4c1
```
#99f4c1 rgb(153,244,193)
```

Monochromatic Color

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

#54ed70
```
#54ed70 rgb(84,237,112)
```
#54ed7d
```
#54ed7d rgb(84,237,125)
```
#54ed89
```
#54ed89 rgb(84,237,137)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#54eda3
```
#54eda3 rgb(84,237,163)
```
#54edb0
```
#54edb0 rgb(84,237,176)
```
#54edbc
```
#54edbc rgb(84,237,188)
```

Similar Colors

Text with hexadecimal color #54ed96

This text has a font color of #54ed96.

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

#54ed96 background color

This paragraph has a background color of #54ed96.

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

#54ed96 border color

This element has a border color of #54ed96.

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

CSS codes

.text {color:#54ed96;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#03180c
```
#03180c rgb(3,24,12)
```
#042a15
```
#042a15 rgb(4,42,21)
```
#063c1d
```
#063c1d rgb(6,60,29)
```
#084d26
```
#084d26 rgb(8,77,38)
```
#0a5f2f
```
#0a5f2f rgb(10,95,47)
```
#0c7137
```
#0c7137 rgb(12,113,55)
```
#0e8340
```
#0e8340 rgb(14,131,64)
```
#109449
```
#109449 rgb(16,148,73)
```
#11a652
```
#11a652 rgb(17,166,82)
```
#13b85a
```
#13b85a rgb(19,184,90)
```
#15ca63
```
#15ca63 rgb(21,202,99)
```
#17db6c
```
#17db6c rgb(23,219,108)
```

Shade Color Variation

#1fe775
```
#1fe775 rgb(31,231,117)
```
#31e980
```
#31e980 rgb(49,233,128)
```
#42eb8b
```
#42eb8b rgb(66,235,139)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#66efa1
```
#66efa1 rgb(102,239,161)
```
#77f1ac
```
#77f1ac rgb(119,241,172)
```
#89f3b7
```
#89f3b7 rgb(137,243,183)
```
#9bf4c2
```
#9bf4c2 rgb(155,244,194)
```
#adf6cc
```
#adf6cc rgb(173,246,204)
```
#bef8d7
```
#bef8d7 rgb(190,248,215)
```
#d0fae2
```
#d0fae2 rgb(208,250,226)
```
#e2fced
```
#e2fced rgb(226,252,237)
```
#f4fef8
```
#f4fef8 rgb(244,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da4a0 is the less saturated color, while #45fc94 is the most saturated one.

#9da4a0
```
#9da4a0 rgb(157,164,160)
```
#95ac9f
```
#95ac9f rgb(149,172,159)
```
#8eb39e
```
#8eb39e rgb(142,179,158)
```
#87ba9d
```
#87ba9d rgb(135,186,157)
```
#80c19c
```
#80c19c rgb(128,193,156)
```
#78c99b
```
#78c99b rgb(120,201,155)
```
#71d09a
```
#71d09a rgb(113,208,154)
```
#6ad799
```
#6ad799 rgb(106,215,153)
```
#63de98
```
#63de98 rgb(99,222,152)
```
#5be697
```
#5be697 rgb(91,230,151)
```
#54ed96
```
#54ed96 rgb(84,237,150)
```
#4df495
```
#4df495 rgb(77,244,149)
```
#45fc94
```
#45fc94 rgb(69,252,148)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a2c0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d491 Protanopia 1% of men
#f7cca6 Deuteranopia 1% of men
#80e2f3 Tritanopia 0.001% of the population

Trichromacy

#b0dd93 Protanomaly 1% of men, 0.01% of women
#bcd8a0 Deuteranomaly 6% of men, 0.4% of women
#70e6d1 Tritanomaly 0.01% of the population

#54ed96 hex color

#54ed96 Color Information

#54ed96 Color Conversion

Color Schemes with #54ed96

Alternatives to #54ed96

#54ed96 Preview

Shades and Tints of #54ed96

Tones of #54ed96

Color Blindness Simulator