#54ccba Color Information
In a RGB color space, hex #54ccba is composed of 32.9% red, 80% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 0% magenta, 8.8% yellow and 20% black. It has a hue angle of 171 degrees, a saturation of 54.1% and a lightness of 56.5%. #54ccba color hex could be obtained by blending #a8ffff with #009975. Closest websafe color is: #66cccc.
-
- R 33
- G 80
- B 73
-
- C 59
- M 0
- Y 9
- K 20
● #54ccba color description : Moderate cyan.
#54ccba Color Conversion
The hexadecimal color #54ccba has RGB values of R:84, G:204, B:186 and CMYK values of C:0.59, M:0, Y:0.09, K:0.2. Its decimal value is 5557434.
Hex triplet | 54ccba | #54ccba |
---|---|---|
RGB Decimal | 84, 204, 186 | rgb(84,204,186) |
RGB Percent | 32.9, 80, 72.9 | rgb(32.9%,80%,72.9%) |
CMYK | 59, 0, 9, 20 | |
HSL | 171°, 54.1, 56.5 | hsl(171,54.1%,56.5%) |
HSV (or HSB) | 171°, 58.8, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 75.21, -37.831, -1.088 |
---|---|
XYZ | 34.109, 48.613, 54.037 |
xyY | 0.249, 0.355, 48.613 |
CIE-LCH | 75.21, 37.846, 181.647 |
CIE-LUV | 75.21, -49.285, 4.343 |
Hunter-Lab | 69.723, -34.691, 2.855 |
Binary | 01010100, 11001100, 10111010 |
Color Schemes with #54ccba
Alternatives to #54ccba
Below, you can see some colors close to #54ccba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54ccba Preview
This text has a font color of #54ccba.
<span style="color:#54ccba;">Text here</span>
This paragraph has a background color of #54ccba.
<p style="background-color:#54ccba;">Content here</p>
This element has a border color of #54ccba.
<div style="border:1px solid #54ccba;">Content here</div>
.text {color:#54ccba;}
.background {background-color:#54ccba;}
.border {border:1px solid #54ccba;}
Shades and Tints of #54ccba
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, #030a09 is the darkest color, while #fafefd is the lightest one.
-
#030a09
#030a09
rgb(3,10,9)
-
#081917
#081917
rgb(8,25,23)
-
#0c2924
#0c2924
rgb(12,41,36)
-
#113832
#113832
rgb(17,56,50)
-
#15473f
#15473f
rgb(21,71,63)
-
#1a564d
#1a564d
rgb(26,86,77)
-
#1e655a
#1e655a
rgb(30,101,90)
-
#237468
#237468
rgb(35,116,104)
-
#278375
#278375
rgb(39,131,117)
-
#2c9283
#2c9283
rgb(44,146,131)
-
#30a190
#30a190
rgb(48,161,144)
-
#35b19e
#35b19e
rgb(53,177,158)
-
#39c0ab
#39c0ab
rgb(57,192,171)
-
#45c7b4
#45c7b4
rgb(69,199,180)
-
#54ccba
#54ccba
rgb(84,204,186)
-
#63d1c0
#63d1c0
rgb(99,209,192)
-
#72d5c6
#72d5c6
rgb(114,213,198)
-
#81dacc
#81dacc
rgb(129,218,204)
-
#90ded2
#90ded2
rgb(144,222,210)
-
#a0e3d8
#a0e3d8
rgb(160,227,216)
-
#afe7df
#afe7df
rgb(175,231,223)
-
#beece5
#beece5
rgb(190,236,229)
-
#cdf0eb
#cdf0eb
rgb(205,240,235)
-
#dcf5f1
#dcf5f1
rgb(220,245,241)
-
#ebf9f7
#ebf9f7
rgb(235,249,247)
-
#fafefd
#fafefd
rgb(250,254,253)
Tones of #54ccba
A tone is produced by adding gray to any pure hue. In this case, #909090 is the less saturated color, while #29f7d8 is the most saturated one.
-
#909090
#909090
rgb(144,144,144)
-
#879996
#879996
rgb(135,153,150)
-
#7fa19c
#7fa19c
rgb(127,161,156)
-
#76aaa2
#76aaa2
rgb(118,170,162)
-
#6eb2a8
#6eb2a8
rgb(110,178,168)
-
#65bbae
#65bbae
rgb(101,187,174)
-
#5dc3b4
#5dc3b4
rgb(93,195,180)
-
#54ccba
#54ccba
rgb(84,204,186)
-
#4bd5c0
#4bd5c0
rgb(75,213,192)
-
#43ddc6
#43ddc6
rgb(67,221,198)
-
#3ae6cc
#3ae6cc
rgb(58,230,204)
-
#32eed2
#32eed2
rgb(50,238,210)
-
#29f7d8
#29f7d8
rgb(41,247,216)
Color Blindness Simulator
Below, you can see how #54ccba 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.