#54afd1 Color Information
In a RGB color space, hex #54afd1 is composed of 32.9% red, 68.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 16.3% magenta, 0% yellow and 18% black. It has a hue angle of 196.3 degrees, a saturation of 57.6% and a lightness of 57.5%. #54afd1 color hex could be obtained by blending #a8ffff with #005fa3. Closest websafe color is: #6699cc.
-
- R 33
- G 69
- B 82
-
- C 60
- M 16
- Y 0
- K 18
● #54afd1 color description : Moderate blue.
#54afd1 Color Conversion
The hexadecimal color #54afd1 has RGB values of R:84, G:175, B:209 and CMYK values of C:0.6, M:0.16, Y:0, K:0.18. Its decimal value is 5550033.
Hex triplet | 54afd1 | #54afd1 |
---|---|---|
RGB Decimal | 84, 175, 209 | rgb(84,175,209) |
RGB Percent | 32.9, 68.6, 82 | rgb(32.9%,68.6%,82%) |
CMYK | 60, 16, 0, 18 | |
HSL | 196.3°, 57.6, 57.5 | hsl(196.3,57.6%,57.5%) |
HSV (or HSB) | 196.3°, 59.8, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.386, -17.142, -25.39 |
---|---|
XYZ | 30.492, 37.146, 65.881 |
xyY | 0.228, 0.278, 37.146 |
CIE-LCH | 67.386, 30.635, 235.975 |
CIE-LUV | 67.386, -37.259, -37.349 |
Hunter-Lab | 60.948, -17.355, -21.426 |
Binary | 01010100, 10101111, 11010001 |
Color Schemes with #54afd1
Alternatives to #54afd1
Below, you can see some colors close to #54afd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54afd1 Preview
This text has a font color of #54afd1.
<span style="color:#54afd1;">Text here</span>
This paragraph has a background color of #54afd1.
<p style="background-color:#54afd1;">Content here</p>
This element has a border color of #54afd1.
<div style="border:1px solid #54afd1;">Content here</div>
.text {color:#54afd1;}
.background {background-color:#54afd1;}
.border {border:1px solid #54afd1;}
Shades and Tints of #54afd1
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, #040c0e is the darkest color, while #feffff is the lightest one.
-
#040c0e
#040c0e
rgb(4,12,14)
-
#08181e
#08181e
rgb(8,24,30)
-
#0c242d
#0c242d
rgb(12,36,45)
-
#10313d
#10313d
rgb(16,49,61)
-
#153d4c
#153d4c
rgb(21,61,76)
-
#194a5c
#194a5c
rgb(25,74,92)
-
#1d566b
#1d566b
rgb(29,86,107)
-
#21627b
#21627b
rgb(33,98,123)
-
#256f8a
#256f8a
rgb(37,111,138)
-
#297b9a
#297b9a
rgb(41,123,154)
-
#2d87a9
#2d87a9
rgb(45,135,169)
-
#3294b9
#3294b9
rgb(50,148,185)
-
#36a0c8
#36a0c8
rgb(54,160,200)
-
#45a8cd
#45a8cd
rgb(69,168,205)
-
#54afd1
#54afd1
rgb(84,175,209)
-
#63b6d5
#63b6d5
rgb(99,182,213)
-
#73bdd9
#73bdd9
rgb(115,189,217)
-
#82c5dd
#82c5dd
rgb(130,197,221)
-
#92cce2
#92cce2
rgb(146,204,226)
-
#a1d3e6
#a1d3e6
rgb(161,211,230)
-
#b1daea
#b1daea
rgb(177,218,234)
-
#c0e2ee
#c0e2ee
rgb(192,226,238)
-
#d0e9f2
#d0e9f2
rgb(208,233,242)
-
#dff0f6
#dff0f6
rgb(223,240,246)
-
#eff7fb
#eff7fb
rgb(239,247,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #54afd1
A tone is produced by adding gray to any pure hue. In this case, #8e9497 is the less saturated color, while #2ac2fb is the most saturated one.
-
#8e9497
#8e9497
rgb(142,148,151)
-
#86989f
#86989f
rgb(134,152,159)
-
#7e9ca7
#7e9ca7
rgb(126,156,167)
-
#75a0b0
#75a0b0
rgb(117,160,176)
-
#6da4b8
#6da4b8
rgb(109,164,184)
-
#65a7c0
#65a7c0
rgb(101,167,192)
-
#5cabc9
#5cabc9
rgb(92,171,201)
-
#54afd1
#54afd1
rgb(84,175,209)
-
#4cb3d9
#4cb3d9
rgb(76,179,217)
-
#43b7e2
#43b7e2
rgb(67,183,226)
-
#3bbaea
#3bbaea
rgb(59,186,234)
-
#33bef2
#33bef2
rgb(51,190,242)
-
#2ac2fb
#2ac2fb
rgb(42,194,251)
Color Blindness Simulator
Below, you can see how #54afd1 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.