#54ccce Color Information
In a RGB color space, hex #54ccce is composed of 32.9% red, 80% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 1% magenta, 0% yellow and 19.2% black. It has a hue angle of 181 degrees, a saturation of 55.5% and a lightness of 56.9%. #54ccce color hex could be obtained by blending #a8ffff with #00999d. Closest websafe color is: #66cccc.
-
- R 33
- G 80
- B 81
-
- C 59
- M 1
- Y 0
- K 19
● #54ccce color description : Moderate cyan.
#54ccce Color Conversion
The hexadecimal color #54ccce has RGB values of R:84, G:204, B:206 and CMYK values of C:0.59, M:0.01, Y:0, K:0.19. Its decimal value is 5557454.
Hex triplet | 54ccce | #54ccce |
---|---|---|
RGB Decimal | 84, 204, 206 | rgb(84,204,206) |
RGB Percent | 32.9, 80, 80.8 | rgb(32.9%,80%,80.8%) |
CMYK | 59, 1, 0, 19 | |
HSL | 181°, 55.5, 56.9 | hsl(181,55.5%,56.9%) |
HSV (or HSB) | 181°, 59.2, 80.8 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 75.776, -32.534, -11.053 |
---|---|
XYZ | 36.386, 49.524, 66.031 |
xyY | 0.239, 0.326, 49.524 |
CIE-LCH | 75.776, 34.36, 198.765 |
CIE-LUV | 75.776, -48.19, -12.102 |
Hunter-Lab | 70.373, -30.86, -6.37 |
Binary | 01010100, 11001100, 11001110 |
Color Schemes with #54ccce
Alternatives to #54ccce
Below, you can see some colors close to #54ccce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54ccce Preview
This text has a font color of #54ccce.
<span style="color:#54ccce;">Text here</span>
This paragraph has a background color of #54ccce.
<p style="background-color:#54ccce;">Content here</p>
This element has a border color of #54ccce.
<div style="border:1px solid #54ccce;">Content here</div>
.text {color:#54ccce;}
.background {background-color:#54ccce;}
.border {border:1px solid #54ccce;}
Shades and Tints of #54ccce
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, #030c0c is the darkest color, while #fcfefe is the lightest one.
-
#030c0c
#030c0c
rgb(3,12,12)
-
#081b1b
#081b1b
rgb(8,27,27)
-
#0c2a2a
#0c2a2a
rgb(12,42,42)
-
#11393a
#11393a
rgb(17,57,58)
-
#154849
#154849
rgb(21,72,73)
-
#195758
#195758
rgb(25,87,88)
-
#1e6667
#1e6667
rgb(30,102,103)
-
#227577
#227577
rgb(34,117,119)
-
#268486
#268486
rgb(38,132,134)
-
#2b9395
#2b9395
rgb(43,147,149)
-
#2fa3a4
#2fa3a4
rgb(47,163,164)
-
#33b2b4
#33b2b4
rgb(51,178,180)
-
#38c1c3
#38c1c3
rgb(56,193,195)
-
#45c7ca
#45c7ca
rgb(69,199,202)
-
#54ccce
#54ccce
rgb(84,204,206)
-
#63d1d2
#63d1d2
rgb(99,209,210)
-
#72d5d7
#72d5d7
rgb(114,213,215)
-
#82dadb
#82dadb
rgb(130,218,219)
-
#91dedf
#91dedf
rgb(145,222,223)
-
#a0e3e4
#a0e3e4
rgb(160,227,228)
-
#afe7e8
#afe7e8
rgb(175,231,232)
-
#bfeced
#bfeced
rgb(191,236,237)
-
#cef0f1
#cef0f1
rgb(206,240,241)
-
#ddf5f5
#ddf5f5
rgb(221,245,245)
-
#ecf9fa
#ecf9fa
rgb(236,249,250)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #54ccce
A tone is produced by adding gray to any pure hue. In this case, #8f9393 is the less saturated color, while #2af5f8 is the most saturated one.
-
#8f9393
#8f9393
rgb(143,147,147)
-
#879b9b
#879b9b
rgb(135,155,155)
-
#7ea3a4
#7ea3a4
rgb(126,163,164)
-
#76abac
#76abac
rgb(118,171,172)
-
#6db3b5
#6db3b5
rgb(109,179,181)
-
#65bcbd
#65bcbd
rgb(101,188,189)
-
#5cc4c6
#5cc4c6
rgb(92,196,198)
-
#54ccce
#54ccce
rgb(84,204,206)
-
#4cd4d6
#4cd4d6
rgb(76,212,214)
-
#43dcdf
#43dcdf
rgb(67,220,223)
-
#3be5e7
#3be5e7
rgb(59,229,231)
-
#32edf0
#32edf0
rgb(50,237,240)
-
#2af5f8
#2af5f8
rgb(42,245,248)
Color Blindness Simulator
Below, you can see how #54ccce 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.