#54ca96 hex color

In a RGB color space, hex #54ca96 is composed of 32.9% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 153.6 degrees, a saturation of 52.7% and a lightness of 56.1%. #54ca96 color hex could be obtained by blending #a8ffff with #00952d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 79
- B 59
RGB color chart
- C 58
- M 0
- Y 26
- K 21
CMYK color chart

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

The hexadecimal color #54ca96 has RGB values of R:84, G:202, B:150 and CMYK values of C:0.58, M:0, Y:0.26, K:0.21. Its decimal value is 5556886.

Hex triplet	54ca96	`#54ca96`
RGB Decimal	84, 202, 150	`rgb(84,202,150)`
RGB Percent	32.9, 79.2, 58.8	`rgb(32.9%,79.2%,58.8%)`
CMYK	58, 0, 26, 21
HSL	153.6°, 52.7, 56.1	`hsl(153.6,52.7%,56.1%)`
HSV (or HSB)	153.6°, 58.4, 79.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.756, -45.394, 16.202
XYZ	30.28, 46.325, 36.198
xyY	0.268, 0.411, 46.325
CIE-LCH	73.756, 48.198, 160.357
CIE-LUV	73.756, -50.407, 30.418
Hunter-Lab	68.063, -39.699, 16.111
Binary	01010100, 11001010, 10010110

#54ca96
```
#54ca96 rgb(84,202,150)
```
#ca5488
```
#ca5488 rgb(202,84,136)
```

Complementary Color

#54ca5b
```
#54ca5b rgb(84,202,91)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#54c3ca
```
#54c3ca rgb(84,195,202)
```

Analogous Color

#ca5b54
```
#ca5b54 rgb(202,91,84)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#ca54c3
```
#ca54c3 rgb(202,84,195)
```

Split Complementary Color

#ca9654
```
#ca9654 rgb(202,150,84)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#9654ca
```
#9654ca rgb(150,84,202)
```

Triadic Color

#88ca54
```
#88ca54 rgb(136,202,84)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#9654ca
```
#9654ca rgb(150,84,202)
```
#ca5488
```
#ca5488 rgb(202,84,136)
```

Tetradic Color

#32a06f
```
#32a06f rgb(50,160,111)
```
#38b37d
```
#38b37d rgb(56,179,125)
```
#41c48a
```
#41c48a rgb(65,196,138)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#67d0a2
```
#67d0a2 rgb(103,208,162)
```
#7bd6ae
```
#7bd6ae rgb(123,214,174)
```
#8edcba
```
#8edcba rgb(142,220,186)
```

Monochromatic Color

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

#54ca79
```
#54ca79 rgb(84,202,121)
```
#54ca82
```
#54ca82 rgb(84,202,130)
```
#54ca8c
```
#54ca8c rgb(84,202,140)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#54caa0
```
#54caa0 rgb(84,202,160)
```
#54caaa
```
#54caaa rgb(84,202,170)
```
#54cab4
```
#54cab4 rgb(84,202,180)
```

Similar Colors

Text with hexadecimal color #54ca96

This text has a font color of #54ca96.

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

#54ca96 background color

This paragraph has a background color of #54ca96.

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

#54ca96 border color

This element has a border color of #54ca96.

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

CSS codes

.text {color:#54ca96;}

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

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

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)
```
#071810
```
#071810 rgb(7,24,16)
```
#0c271b
```
#0c271b rgb(12,39,27)
```
#113625
```
#113625 rgb(17,54,37)
```
#154530
```
#154530 rgb(21,69,48)
```
#1a543a
```
#1a543a rgb(26,84,58)
```
#1f6345
```
#1f6345 rgb(31,99,69)
```
#23724f
```
#23724f rgb(35,114,79)
```
#288059
```
#288059 rgb(40,128,89)
```
#2c8f64
```
#2c8f64 rgb(44,143,100)
```
#319e6e
```
#319e6e rgb(49,158,110)
```
#36ad79
```
#36ad79 rgb(54,173,121)
```
#3abc83
```
#3abc83 rgb(58,188,131)
```

Shade Color Variation

#45c58d
```
#45c58d rgb(69,197,141)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#63cf9f
```
#63cf9f rgb(99,207,159)
```
#72d3a8
```
#72d3a8 rgb(114,211,168)
```
#81d8b2
```
#81d8b2 rgb(129,216,178)
```
#90ddbb
```
#90ddbb rgb(144,221,187)
```
#9fe1c4
```
#9fe1c4 rgb(159,225,196)
```
#aee6cd
```
#aee6cd rgb(174,230,205)
```
#bdead6
```
#bdead6 rgb(189,234,214)
```
#ccefe0
```
#ccefe0 rgb(204,239,224)
```
#dbf4e9
```
#dbf4e9 rgb(219,244,233)
```
#eaf8f2
```
#eaf8f2 rgb(234,248,242)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889690 is the less saturated color, while #20fe9c is the most saturated one.

#889690
```
#889690 rgb(136,150,144)
```
#7f9f91
```
#7f9f91 rgb(127,159,145)
```
#76a892
```
#76a892 rgb(118,168,146)
```
#6eb093
```
#6eb093 rgb(110,176,147)
```
#65b994
```
#65b994 rgb(101,185,148)
```
#5dc195
```
#5dc195 rgb(93,193,149)
```
#54ca96
```
#54ca96 rgb(84,202,150)
```
#4bd397
```
#4bd397 rgb(75,211,151)
```
#43db98
```
#43db98 rgb(67,219,152)
```
#3ae499
```
#3ae499 rgb(58,228,153)
```
#32ec9a
```
#32ec9a rgb(50,236,154)
```
#29f59b
```
#29f59b rgb(41,245,155)
```
#20fe9c
```
#20fe9c rgb(32,254,156)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#92a99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b892 Protanopia 1% of men
#d1b2a4 Deuteranopia 1% of men
#72c5d3 Tritanopia 0.001% of the population

Trichromacy

#9bbf93 Protanomaly 1% of men, 0.01% of women
#a4bb9f Deuteranomaly 6% of men, 0.4% of women
#67c6bd Tritanomaly 0.01% of the population

#54ca96 hex color

#54ca96 Color Information

#54ca96 Color Conversion

Color Schemes with #54ca96

Alternatives to #54ca96

#54ca96 Preview

Shades and Tints of #54ca96

Tones of #54ca96

Color Blindness Simulator