#54b8d6 Color Information
In a RGB color space, hex #54b8d6 is composed of 32.9% red, 72.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 14% magenta, 0% yellow and 16.1% black. It has a hue angle of 193.8 degrees, a saturation of 61.3% and a lightness of 58.4%. #54b8d6 color hex could be obtained by blending #a8ffff with #0071ad. Closest websafe color is: #66cccc.
-
- R 33
- G 72
- B 84
-
- C 61
- M 14
- Y 0
- K 16
● #54b8d6 color description : Moderate cyan.
#54b8d6 Color Conversion
The hexadecimal color #54b8d6 has RGB values of R:84, G:184, B:214 and CMYK values of C:0.61, M:0.14, Y:0, K:0.16. Its decimal value is 5552342.
Hex triplet | 54b8d6 | #54b8d6 |
---|---|---|
RGB Decimal | 84, 184, 214 | rgb(84,184,214) |
RGB Percent | 32.9, 72.2, 83.9 | rgb(32.9%,72.2%,83.9%) |
CMYK | 61, 14, 0, 16 | |
HSL | 193.8°, 61.3, 58.4 | hsl(193.8,61.3%,58.4%) |
HSV (or HSB) | 193.8°, 60.7, 83.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.189, -20.327, -23.845 |
---|---|
XYZ | 32.931, 41.018, 69.797 |
xyY | 0.229, 0.285, 41.018 |
CIE-LCH | 70.189, 31.333, 229.554 |
CIE-LUV | 70.189, -40.37, -34.556 |
Hunter-Lab | 64.046, -20.298, -19.782 |
Binary | 01010100, 10111000, 11010110 |
Color Schemes with #54b8d6
Alternatives to #54b8d6
Below, you can see some colors close to #54b8d6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54b8d6 Preview
This text has a font color of #54b8d6.
<span style="color:#54b8d6;">Text here</span>
This paragraph has a background color of #54b8d6.
<p style="background-color:#54b8d6;">Content here</p>
This element has a border color of #54b8d6.
<div style="border:1px solid #54b8d6;">Content here</div>
.text {color:#54b8d6;}
.background {background-color:#54b8d6;}
.border {border:1px solid #54b8d6;}
Shades and Tints of #54b8d6
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, #010303 is the darkest color, while #f2fafc is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#051013
#051013
rgb(5,16,19)
-
#081d23
#081d23
rgb(8,29,35)
-
#0c2a33
#0c2a33
rgb(12,42,51)
-
#103742
#103742
rgb(16,55,66)
-
#144452
#144452
rgb(20,68,82)
-
#175162
#175162
rgb(23,81,98)
-
#1b5e72
#1b5e72
rgb(27,94,114)
-
#1f6b82
#1f6b82
rgb(31,107,130)
-
#237891
#237891
rgb(35,120,145)
-
#2785a1
#2785a1
rgb(39,133,161)
-
#2a92b1
#2a92b1
rgb(42,146,177)
-
#2e9fc1
#2e9fc1
rgb(46,159,193)
-
#34abce
#34abce
rgb(52,171,206)
-
#44b1d2
#44b1d2
rgb(68,177,210)
-
#54b8d6
#54b8d6
rgb(84,184,214)
-
#64bfda
#64bfda
rgb(100,191,218)
-
#74c5de
#74c5de
rgb(116,197,222)
-
#83cce1
#83cce1
rgb(131,204,225)
-
#93d2e5
#93d2e5
rgb(147,210,229)
-
#a3d9e9
#a3d9e9
rgb(163,217,233)
-
#b3dfed
#b3dfed
rgb(179,223,237)
-
#c3e6f1
#c3e6f1
rgb(195,230,241)
-
#d3edf4
#d3edf4
rgb(211,237,244)
-
#e2f3f8
#e2f3f8
rgb(226,243,248)
-
#f2fafc
#f2fafc
rgb(242,250,252)
Tones of #54b8d6
A tone is produced by adding gray to any pure hue. In this case, #8d999d is the less saturated color, while #2bceff is the most saturated one.
-
#8d999d
#8d999d
rgb(141,153,157)
-
#859ea5
#859ea5
rgb(133,158,165)
-
#7da2ad
#7da2ad
rgb(125,162,173)
-
#75a6b5
#75a6b5
rgb(117,166,181)
-
#6cabbe
#6cabbe
rgb(108,171,190)
-
#64afc6
#64afc6
rgb(100,175,198)
-
#5cb4ce
#5cb4ce
rgb(92,180,206)
-
#54b8d6
#54b8d6
rgb(84,184,214)
-
#4cbcde
#4cbcde
rgb(76,188,222)
-
#44c1e6
#44c1e6
rgb(68,193,230)
-
#3cc5ee
#3cc5ee
rgb(60,197,238)
-
#33caf7
#33caf7
rgb(51,202,247)
-
#2bceff
#2bceff
rgb(43,206,255)
Color Blindness Simulator
Below, you can see how #54b8d6 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.