#54bcc4 Color Information
In a RGB color space, hex #54bcc4 is composed of 32.9% red, 73.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 4.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 184.3 degrees, a saturation of 48.7% and a lightness of 54.9%. #54bcc4 color hex could be obtained by blending #a8ffff with #007989. Closest websafe color is: #66cccc.
-
- R 33
- G 74
- B 77
-
- C 57
- M 4
- Y 0
- K 23
● #54bcc4 color description : Moderate cyan.
#54bcc4 Color Conversion
The hexadecimal color #54bcc4 has RGB values of R:84, G:188, B:196 and CMYK values of C:0.57, M:0.04, Y:0, K:0.23. Its decimal value is 5553348.
Hex triplet | 54bcc4 | #54bcc4 |
---|---|---|
RGB Decimal | 84, 188, 196 | rgb(84,188,196) |
RGB Percent | 32.9, 73.7, 76.9 | rgb(32.9%,73.7%,76.9%) |
CMYK | 57, 4, 0, 23 | |
HSL | 184.3°, 48.7, 54.9 | hsl(184.3,48.7%,54.9%) |
HSV (or HSB) | 184.3°, 57.1, 76.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.757, -27.569, -13.132 |
---|---|
XYZ | 31.6, 41.834, 58.631 |
xyY | 0.239, 0.317, 41.834 |
CIE-LCH | 70.757, 30.537, 205.469 |
CIE-LUV | 70.757, -42.738, -16.034 |
Hunter-Lab | 64.679, -25.98, -8.47 |
Binary | 01010100, 10111100, 11000100 |
Color Schemes with #54bcc4
Alternatives to #54bcc4
Below, you can see some colors close to #54bcc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54bcc4 Preview
This text has a font color of #54bcc4.
<span style="color:#54bcc4;">Text here</span>
This paragraph has a background color of #54bcc4.
<p style="background-color:#54bcc4;">Content here</p>
This element has a border color of #54bcc4.
<div style="border:1px solid #54bcc4;">Content here</div>
.text {color:#54bcc4;}
.background {background-color:#54bcc4;}
.border {border:1px solid #54bcc4;}
Shades and Tints of #54bcc4
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, #010404 is the darkest color, while #f4fbfb is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061213
#061213
rgb(6,18,19)
-
#0b2021
#0b2021
rgb(11,32,33)
-
#102e30
#102e30
rgb(16,46,48)
-
#163b3e
#163b3e
rgb(22,59,62)
-
#1b494d
#1b494d
rgb(27,73,77)
-
#20575c
#20575c
rgb(32,87,92)
-
#25656a
#25656a
rgb(37,101,106)
-
#2a7379
#2a7379
rgb(42,115,121)
-
#2f8187
#2f8187
rgb(47,129,135)
-
#348f96
#348f96
rgb(52,143,150)
-
#399da4
#399da4
rgb(57,157,164)
-
#3eabb3
#3eabb3
rgb(62,171,179)
-
#45b6bf
#45b6bf
rgb(69,182,191)
-
#54bcc4
#54bcc4
rgb(84,188,196)
-
#63c2c9
#63c2c9
rgb(99,194,201)
-
#71c7ce
#71c7ce
rgb(113,199,206)
-
#80cdd3
#80cdd3
rgb(128,205,211)
-
#8ed3d8
#8ed3d8
rgb(142,211,216)
-
#9dd9dd
#9dd9dd
rgb(157,217,221)
-
#acdee2
#acdee2
rgb(172,222,226)
-
#bae4e7
#bae4e7
rgb(186,228,231)
-
#c9eaec
#c9eaec
rgb(201,234,236)
-
#d7eff1
#d7eff1
rgb(215,239,241)
-
#e6f5f6
#e6f5f6
rgb(230,245,246)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #54bcc4
A tone is produced by adding gray to any pure hue. In this case, #898f8f is the less saturated color, while #1fe9f9 is the most saturated one.
-
#898f8f
#898f8f
rgb(137,143,143)
-
#809698
#809698
rgb(128,150,152)
-
#779ea1
#779ea1
rgb(119,158,161)
-
#6fa5a9
#6fa5a9
rgb(111,165,169)
-
#66adb2
#66adb2
rgb(102,173,178)
-
#5db4bb
#5db4bb
rgb(93,180,187)
-
#54bcc4
#54bcc4
rgb(84,188,196)
-
#4bc4cd
#4bc4cd
rgb(75,196,205)
-
#42cbd6
#42cbd6
rgb(66,203,214)
-
#39d3df
#39d3df
rgb(57,211,223)
-
#31dae7
#31dae7
rgb(49,218,231)
-
#28e2f0
#28e2f0
rgb(40,226,240)
-
#1fe9f9
#1fe9f9
rgb(31,233,249)
Color Blindness Simulator
Below, you can see how #54bcc4 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.