#54c6bb Color Information
In a RGB color space, hex #54c6bb is composed of 32.9% red, 77.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 5.6% yellow and 22.4% black. It has a hue angle of 174.2 degrees, a saturation of 50% and a lightness of 55.3%. #54c6bb color hex could be obtained by blending #a8ffff with #008d77. Closest websafe color is: #66cccc.
-
- R 33
- G 78
- B 73
-
- C 58
- M 0
- Y 6
- K 22
● #54c6bb color description : Moderate cyan.
#54c6bb Color Conversion
The hexadecimal color #54c6bb has RGB values of R:84, G:198, B:187 and CMYK values of C:0.58, M:0, Y:0.06, K:0.22. Its decimal value is 5555899.
Hex triplet | 54c6bb | #54c6bb |
---|---|---|
RGB Decimal | 84, 198, 187 | rgb(84,198,187) |
RGB Percent | 32.9, 77.6, 73.3 | rgb(32.9%,77.6%,73.3%) |
CMYK | 58, 0, 6, 22 | |
HSL | 174.2°, 50, 55.3 | hsl(174.2,50%,55.3%) |
HSV (or HSB) | 174.2°, 57.6, 77.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 73.453, -34.804, -4.21 |
---|---|
XYZ | 32.817, 45.858, 54.133 |
xyY | 0.247, 0.345, 45.858 |
CIE-LCH | 73.453, 35.058, 186.897 |
CIE-LUV | 73.453, -46.974, -0.929 |
Hunter-Lab | 67.719, -32.005, 0.008 |
Binary | 01010100, 11000110, 10111011 |
Color Schemes with #54c6bb
Alternatives to #54c6bb
Below, you can see some colors close to #54c6bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54c6bb Preview
This text has a font color of #54c6bb.
<span style="color:#54c6bb;">Text here</span>
This paragraph has a background color of #54c6bb.
<p style="background-color:#54c6bb;">Content here</p>
This element has a border color of #54c6bb.
<div style="border:1px solid #54c6bb;">Content here</div>
.text {color:#54c6bb;}
.background {background-color:#54c6bb;}
.border {border:1px solid #54c6bb;}
Shades and Tints of #54c6bb
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, #020605 is the darkest color, while #f6fcfb is the lightest one.
-
#020605
#020605
rgb(2,6,5)
-
#071413
#071413
rgb(7,20,19)
-
#0c2321
#0c2321
rgb(12,35,33)
-
#11322e
#11322e
rgb(17,50,46)
-
#15403c
#15403c
rgb(21,64,60)
-
#1a4f4a
#1a4f4a
rgb(26,79,74)
-
#1f5e58
#1f5e58
rgb(31,94,88)
-
#246d66
#246d66
rgb(36,109,102)
-
#297b73
#297b73
rgb(41,123,115)
-
#2e8a81
#2e8a81
rgb(46,138,129)
-
#33998f
#33998f
rgb(51,153,143)
-
#38a79d
#38a79d
rgb(56,167,157)
-
#3db6aa
#3db6aa
rgb(61,182,170)
-
#45c1b5
#45c1b5
rgb(69,193,181)
-
#54c6bb
#54c6bb
rgb(84,198,187)
-
#63cbc1
#63cbc1
rgb(99,203,193)
-
#71d0c7
#71d0c7
rgb(113,208,199)
-
#80d5cd
#80d5cd
rgb(128,213,205)
-
#8fdad2
#8fdad2
rgb(143,218,210)
-
#9edfd8
#9edfd8
rgb(158,223,216)
-
#ace3de
#ace3de
rgb(172,227,222)
-
#bbe8e4
#bbe8e4
rgb(187,232,228)
-
#caedea
#caedea
rgb(202,237,234)
-
#d8f2f0
#d8f2f0
rgb(216,242,240)
-
#e7f7f6
#e7f7f6
rgb(231,247,246)
-
#f6fcfb
#f6fcfb
rgb(246,252,251)
Tones of #54c6bb
A tone is produced by adding gray to any pure hue. In this case, #899191 is the less saturated color, while #1ffbe5 is the most saturated one.
-
#899191
#899191
rgb(137,145,145)
-
#809a98
#809a98
rgb(128,154,152)
-
#77a39f
#77a39f
rgb(119,163,159)
-
#6eaca6
#6eaca6
rgb(110,172,166)
-
#66b4ad
#66b4ad
rgb(102,180,173)
-
#5dbdb4
#5dbdb4
rgb(93,189,180)
-
#54c6bb
#54c6bb
rgb(84,198,187)
-
#4bcfc2
#4bcfc2
rgb(75,207,194)
-
#42d8c9
#42d8c9
rgb(66,216,201)
-
#3ae0d0
#3ae0d0
rgb(58,224,208)
-
#31e9d7
#31e9d7
rgb(49,233,215)
-
#28f2de
#28f2de
rgb(40,242,222)
-
#1ffbe5
#1ffbe5
rgb(31,251,229)
Color Blindness Simulator
Below, you can see how #54c6bb 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.