#54e4cc Color Information
In a RGB color space, hex #54e4cc is composed of 32.9% red, 89.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 0% magenta, 10.5% yellow and 10.6% black. It has a hue angle of 170 degrees, a saturation of 72.7% and a lightness of 61.2%. #54e4cc color hex could be obtained by blending #a8ffff with #00c999. Closest websafe color is: #66cccc.
-
- R 33
- G 89
- B 80
-
- C 63
- M 0
- Y 11
- K 11
● #54e4cc color description : Soft cyan.
#54e4cc Color Conversion
The hexadecimal color #54e4cc has RGB values of R:84, G:228, B:204 and CMYK values of C:0.63, M:0, Y:0.11, K:0.11. Its decimal value is 5563596.
Hex triplet | 54e4cc | #54e4cc |
---|---|---|
RGB Decimal | 84, 228, 204 | rgb(84,228,204) |
RGB Percent | 32.9, 89.4, 80 | rgb(32.9%,89.4%,80%) |
CMYK | 63, 0, 11, 11 | |
HSL | 170°, 72.7, 61.2 | hsl(170,72.7%,61.2%) |
HSV (or HSB) | 170°, 63.2, 89.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 82.768, -43.998, 0.34 |
---|---|
XYZ | 42.295, 61.728, 66.809 |
xyY | 0.248, 0.361, 61.728 |
CIE-LCH | 82.768, 43.999, 179.557 |
CIE-LUV | 82.768, -57.106, 7.581 |
Hunter-Lab | 78.567, -41.4, 4.58 |
Binary | 01010100, 11100100, 11001100 |
Color Schemes with #54e4cc
Alternatives to #54e4cc
Below, you can see some colors close to #54e4cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54e4cc Preview
This text has a font color of #54e4cc.
<span style="color:#54e4cc;">Text here</span>
This paragraph has a background color of #54e4cc.
<p style="background-color:#54e4cc;">Content here</p>
This element has a border color of #54e4cc.
<div style="border:1px solid #54e4cc;">Content here</div>
.text {color:#54e4cc;}
.background {background-color:#54e4cc;}
.border {border:1px solid #54e4cc;}
Shades and Tints of #54e4cc
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, #020f0d is the darkest color, while #fdffff is the lightest one.
-
#020f0d
#020f0d
rgb(2,15,13)
-
#05201c
#05201c
rgb(5,32,28)
-
#08312a
#08312a
rgb(8,49,42)
-
#0a4239
#0a4239
rgb(10,66,57)
-
#0d5347
#0d5347
rgb(13,83,71)
-
#106456
#106456
rgb(16,100,86)
-
#127565
#127565
rgb(18,117,101)
-
#158673
#158673
rgb(21,134,115)
-
#189782
#189782
rgb(24,151,130)
-
#1aa890
#1aa890
rgb(26,168,144)
-
#1db99f
#1db99f
rgb(29,185,159)
-
#20caad
#20caad
rgb(32,202,173)
-
#23dbbc
#23dbbc
rgb(35,219,188)
-
#32dfc2
#32dfc2
rgb(50,223,194)
-
#43e1c7
#43e1c7
rgb(67,225,199)
-
#54e4cc
#54e4cc
rgb(84,228,204)
-
#65e7d1
#65e7d1
rgb(101,231,209)
-
#76e9d6
#76e9d6
rgb(118,233,214)
-
#87ecdb
#87ecdb
rgb(135,236,219)
-
#98efe0
#98efe0
rgb(152,239,224)
-
#a9f1e5
#a9f1e5
rgb(169,241,229)
-
#baf4ea
#baf4ea
rgb(186,244,234)
-
#cbf7ef
#cbf7ef
rgb(203,247,239)
-
#dcf9f4
#dcf9f4
rgb(220,249,244)
-
#ecfcf9
#ecfcf9
rgb(236,252,249)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #54e4cc
A tone is produced by adding gray to any pure hue. In this case, #999f9e is the less saturated color, while #3dfbdb is the most saturated one.
-
#999f9e
#999f9e
rgb(153,159,158)
-
#91a7a3
#91a7a3
rgb(145,167,163)
-
#89afa8
#89afa8
rgb(137,175,168)
-
#82b6ae
#82b6ae
rgb(130,182,174)
-
#7abeb3
#7abeb3
rgb(122,190,179)
-
#72c6b8
#72c6b8
rgb(114,198,184)
-
#6bcdbd
#6bcdbd
rgb(107,205,189)
-
#63d5c2
#63d5c2
rgb(99,213,194)
-
#5cdcc7
#5cdcc7
rgb(92,220,199)
-
#54e4cc
#54e4cc
rgb(84,228,204)
-
#4cecd1
#4cecd1
rgb(76,236,209)
-
#45f3d6
#45f3d6
rgb(69,243,214)
-
#3dfbdb
#3dfbdb
rgb(61,251,219)
Color Blindness Simulator
Below, you can see how #54e4cc 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.