#54ca9e hex color

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

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

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

The hexadecimal color #54ca9e has RGB values of R:84, G:202, B:158 and CMYK values of C:0.58, M:0, Y:0.22, K:0.21. Its decimal value is 5556894.

Hex triplet	54ca9e	`#54ca9e`
RGB Decimal	84, 202, 158	`rgb(84,202,158)`
RGB Percent	32.9, 79.2, 62	`rgb(32.9%,79.2%,62%)`
CMYK	58, 0, 22, 21
HSL	157.6°, 52.7, 56.1	`hsl(157.6,52.7%,56.1%)`
HSV (or HSB)	157.6°, 58.4, 79.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.928, -43.647, 12.158
XYZ	30.946, 46.592, 39.708
xyY	0.264, 0.397, 46.592
CIE-LCH	73.928, 45.309, 164.435
CIE-LUV	73.928, -50.006, 24.604
Hunter-Lab	68.258, -38.526, 13.29
Binary	01010100, 11001010, 10011110

#54ca9e
```
#54ca9e rgb(84,202,158)
```
#ca5480
```
#ca5480 rgb(202,84,128)
```

Complementary Color

#54ca63
```
#54ca63 rgb(84,202,99)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#54bbca
```
#54bbca rgb(84,187,202)
```

Analogous Color

#ca6354
```
#ca6354 rgb(202,99,84)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#ca54bb
```
#ca54bb rgb(202,84,187)
```

Split Complementary Color

#ca9e54
```
#ca9e54 rgb(202,158,84)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#9e54ca
```
#9e54ca rgb(158,84,202)
```

Triadic Color

#80ca54
```
#80ca54 rgb(128,202,84)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#9e54ca
```
#9e54ca rgb(158,84,202)
```
#ca5480
```
#ca5480 rgb(202,84,128)
```

Tetradic Color

#32a077
```
#32a077 rgb(50,160,119)
```
#38b385
```
#38b385 rgb(56,179,133)
```
#41c493
```
#41c493 rgb(65,196,147)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#67d0a9
```
#67d0a9 rgb(103,208,169)
```
#7bd6b4
```
#7bd6b4 rgb(123,214,180)
```
#8edcbf
```
#8edcbf rgb(142,220,191)
```

Monochromatic Color

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

#54ca81
```
#54ca81 rgb(84,202,129)
```
#54ca8a
```
#54ca8a rgb(84,202,138)
```
#54ca94
```
#54ca94 rgb(84,202,148)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#54caa8
```
#54caa8 rgb(84,202,168)
```
#54cab2
```
#54cab2 rgb(84,202,178)
```
#54cabc
```
#54cabc rgb(84,202,188)
```

Similar Colors

Text with hexadecimal color #54ca9e

This text has a font color of #54ca9e.

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

#54ca9e background color

This paragraph has a background color of #54ca9e.

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

#54ca9e border color

This element has a border color of #54ca9e.

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

CSS codes

.text {color:#54ca9e;}

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

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

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)
```
#071812
```
#071812 rgb(7,24,18)
```
#0c271d
```
#0c271d rgb(12,39,29)
```
#113628
```
#113628 rgb(17,54,40)
```
#154533
```
#154533 rgb(21,69,51)
```
#1a543e
```
#1a543e rgb(26,84,62)
```
#1f6349
```
#1f6349 rgb(31,99,73)
```
#237254
```
#237254 rgb(35,114,84)
```
#28805f
```
#28805f rgb(40,128,95)
```
#2c8f6b
```
#2c8f6b rgb(44,143,107)
```
#319e76
```
#319e76 rgb(49,158,118)
```
#36ad81
```
#36ad81 rgb(54,173,129)
```
#3abc8c
```
#3abc8c rgb(58,188,140)
```

Shade Color Variation

#45c596
```
#45c596 rgb(69,197,150)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#63cfa6
```
#63cfa6 rgb(99,207,166)
```
#72d3af
```
#72d3af rgb(114,211,175)
```
#81d8b7
```
#81d8b7 rgb(129,216,183)
```
#90ddc0
```
#90ddc0 rgb(144,221,192)
```
#9fe1c8
```
#9fe1c8 rgb(159,225,200)
```
#aee6d1
```
#aee6d1 rgb(174,230,209)
```
#bdead9
```
#bdead9 rgb(189,234,217)
```
#ccefe2
```
#ccefe2 rgb(204,239,226)
```
#dbf4ea
```
#dbf4ea rgb(219,244,234)
```
#eaf8f3
```
#eaf8f3 rgb(234,248,243)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#889691
```
#889691 rgb(136,150,145)
```
#7f9f93
```
#7f9f93 rgb(127,159,147)
```
#76a895
```
#76a895 rgb(118,168,149)
```
#6eb097
```
#6eb097 rgb(110,176,151)
```
#65b99a
```
#65b99a rgb(101,185,154)
```
#5dc19c
```
#5dc19c rgb(93,193,156)
```
#54ca9e
```
#54ca9e rgb(84,202,158)
```
#4bd3a0
```
#4bd3a0 rgb(75,211,160)
```
#43dba2
```
#43dba2 rgb(67,219,162)
```
#3ae4a5
```
#3ae4a5 rgb(58,228,165)
```
#32eca7
```
#32eca7 rgb(50,236,167)
```
#29f5a9
```
#29f5a9 rgb(41,245,169)
```
#20feab
```
#20feab rgb(32,254,171)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#92aaa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b999 Protanopia 1% of men
#cfb3ab Deuteranopia 1% of men
#71c5d4 Tritanopia 0.001% of the population

Trichromacy

#9bbf9b Protanomaly 1% of men, 0.01% of women
#a2bba6 Deuteranomaly 6% of men, 0.4% of women
#66c7c0 Tritanomaly 0.01% of the population

#54ca9e hex color

#54ca9e Color Information

#54ca9e Color Conversion

Color Schemes with #54ca9e

Alternatives to #54ca9e

#54ca9e Preview

Shades and Tints of #54ca9e

Tones of #54ca9e

Color Blindness Simulator