#54bac4 Color Information
In a RGB color space, hex #54bac4 is composed of 32.9% red, 72.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 5.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 185.4 degrees, a saturation of 48.7% and a lightness of 54.9%. #54bac4 color hex could be obtained by blending #a8ffff with #007589. Closest websafe color is: #66cccc.
-
- R 33
- G 73
- B 77
-
- C 57
- M 5
- Y 0
- K 23
● #54bac4 color description : Moderate cyan.
#54bac4 Color Conversion
The hexadecimal color #54bac4 has RGB values of R:84, G:186, B:196 and CMYK values of C:0.57, M:0.05, Y:0, K:0.23. Its decimal value is 5552836.
Hex triplet | 54bac4 | #54bac4 |
---|---|---|
RGB Decimal | 84, 186, 196 | rgb(84,186,196) |
RGB Percent | 32.9, 72.9, 76.9 | rgb(32.9%,72.9%,76.9%) |
CMYK | 57, 5, 0, 23 | |
HSL | 185.4°, 48.7, 54.9 | hsl(185.4,48.7%,54.9%) |
HSV (or HSB) | 185.4°, 57.1, 76.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.166, -26.581, -14.019 |
---|---|
XYZ | 31.176, 40.986, 58.49 |
xyY | 0.239, 0.314, 40.986 |
CIE-LCH | 70.166, 30.051, 207.807 |
CIE-LUV | 70.166, -41.983, -17.583 |
Hunter-Lab | 64.02, -25.111, -9.354 |
Binary | 01010100, 10111010, 11000100 |
Color Schemes with #54bac4
Alternatives to #54bac4
Below, you can see some colors close to #54bac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54bac4 Preview
This text has a font color of #54bac4.
<span style="color:#54bac4;">Text here</span>
This paragraph has a background color of #54bac4.
<p style="background-color:#54bac4;">Content here</p>
This element has a border color of #54bac4.
<div style="border:1px solid #54bac4;">Content here</div>
.text {color:#54bac4;}
.background {background-color:#54bac4;}
.border {border:1px solid #54bac4;}
Shades and Tints of #54bac4
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)
-
#0b1f21
#0b1f21
rgb(11,31,33)
-
#102d30
#102d30
rgb(16,45,48)
-
#163b3e
#163b3e
rgb(22,59,62)
-
#1b484d
#1b484d
rgb(27,72,77)
-
#20565c
#20565c
rgb(32,86,92)
-
#25646a
#25646a
rgb(37,100,106)
-
#2a7279
#2a7279
rgb(42,114,121)
-
#2f7f87
#2f7f87
rgb(47,127,135)
-
#348d96
#348d96
rgb(52,141,150)
-
#399ba4
#399ba4
rgb(57,155,164)
-
#3ea9b3
#3ea9b3
rgb(62,169,179)
-
#45b4bf
#45b4bf
rgb(69,180,191)
-
#54bac4
#54bac4
rgb(84,186,196)
-
#63c0c9
#63c0c9
rgb(99,192,201)
-
#71c6ce
#71c6ce
rgb(113,198,206)
-
#80ccd3
#80ccd3
rgb(128,204,211)
-
#8ed2d8
#8ed2d8
rgb(142,210,216)
-
#9dd7dd
#9dd7dd
rgb(157,215,221)
-
#acdde2
#acdde2
rgb(172,221,226)
-
#bae3e7
#bae3e7
rgb(186,227,231)
-
#c9e9ec
#c9e9ec
rgb(201,233,236)
-
#d7eff1
#d7eff1
rgb(215,239,241)
-
#e6f5f6
#e6f5f6
rgb(230,245,246)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #54bac4
A tone is produced by adding gray to any pure hue. In this case, #898e8f is the less saturated color, while #1fe6f9 is the most saturated one.
-
#898e8f
#898e8f
rgb(137,142,143)
-
#809698
#809698
rgb(128,150,152)
-
#779da1
#779da1
rgb(119,157,161)
-
#6fa4a9
#6fa4a9
rgb(111,164,169)
-
#66abb2
#66abb2
rgb(102,171,178)
-
#5db3bb
#5db3bb
rgb(93,179,187)
-
#54bac4
#54bac4
rgb(84,186,196)
-
#4bc1cd
#4bc1cd
rgb(75,193,205)
-
#42c9d6
#42c9d6
rgb(66,201,214)
-
#39d0df
#39d0df
rgb(57,208,223)
-
#31d7e7
#31d7e7
rgb(49,215,231)
-
#28def0
#28def0
rgb(40,222,240)
-
#1fe6f9
#1fe6f9
rgb(31,230,249)
Color Blindness Simulator
Below, you can see how #54bac4 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.