#54afeb Color Information
In a RGB color space, hex #54afeb is composed of 32.9% red, 68.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 25.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 203.8 degrees, a saturation of 79.1% and a lightness of 62.5%. #54afeb color hex could be obtained by blending #a8ffff with #005fd7. Closest websafe color is: #6699ff.
-
- R 33
- G 69
- B 92
-
- C 64
- M 26
- Y 0
- K 8
● #54afeb color description : Soft blue.
#54afeb Color Conversion
The hexadecimal color #54afeb has RGB values of R:84, G:175, B:235 and CMYK values of C:0.64, M:0.26, Y:0, K:0.08. Its decimal value is 5550059.
Hex triplet | 54afeb | #54afeb |
---|---|---|
RGB Decimal | 84, 175, 235 | rgb(84,175,235) |
RGB Percent | 32.9, 68.6, 92.2 | rgb(32.9%,68.6%,92.2%) |
CMYK | 64, 26, 0, 8 | |
HSL | 203.8°, 79.1, 62.5 | hsl(203.8,79.1%,62.5%) |
HSV (or HSB) | 203.8°, 64.3, 92.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.417, -9.008, -38.058 |
---|---|
XYZ | 33.978, 38.54, 84.241 |
xyY | 0.217, 0.246, 38.54 |
CIE-LCH | 68.417, 39.11, 256.684 |
CIE-LUV | 68.417, -36.183, -59.812 |
Hunter-Lab | 62.081, -10.946, -36.997 |
Binary | 01010100, 10101111, 11101011 |
Color Schemes with #54afeb
Alternatives to #54afeb
Below, you can see some colors close to #54afeb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54afeb Preview
This text has a font color of #54afeb.
<span style="color:#54afeb;">Text here</span>
This paragraph has a background color of #54afeb.
<p style="background-color:#54afeb;">Content here</p>
This element has a border color of #54afeb.
<div style="border:1px solid #54afeb;">Content here</div>
.text {color:#54afeb;}
.background {background-color:#54afeb;}
.border {border:1px solid #54afeb;}
Shades and Tints of #54afeb
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, #010305 is the darkest color, while #f2f9fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#030e16
#030e16
rgb(3,14,22)
-
#051a28
#051a28
rgb(5,26,40)
-
#072539
#072539
rgb(7,37,57)
-
#09314b
#09314b
rgb(9,49,75)
-
#0b3c5c
#0b3c5c
rgb(11,60,92)
-
#0d476e
#0d476e
rgb(13,71,110)
-
#0f5380
#0f5380
rgb(15,83,128)
-
#115e91
#115e91
rgb(17,94,145)
-
#136aa3
#136aa3
rgb(19,106,163)
-
#1575b4
#1575b4
rgb(21,117,180)
-
#1780c6
#1780c6
rgb(23,128,198)
-
#198cd7
#198cd7
rgb(25,140,215)
-
#1f96e5
#1f96e5
rgb(31,150,229)
-
#319fe7
#319fe7
rgb(49,159,231)
-
#42a7e9
#42a7e9
rgb(66,167,233)
-
#54afeb
#54afeb
rgb(84,175,235)
-
#66b7ed
#66b7ed
rgb(102,183,237)
-
#77bfef
#77bfef
rgb(119,191,239)
-
#89c8f1
#89c8f1
rgb(137,200,241)
-
#9ad0f3
#9ad0f3
rgb(154,208,243)
-
#acd8f5
#acd8f5
rgb(172,216,245)
-
#bde0f7
#bde0f7
rgb(189,224,247)
-
#cfe9f9
#cfe9f9
rgb(207,233,249)
-
#e0f1fb
#e0f1fb
rgb(224,241,251)
-
#f2f9fd
#f2f9fd
rgb(242,249,253)
Tones of #54afeb
A tone is produced by adding gray to any pure hue. In this case, #9da0a2 is the less saturated color, while #45b2fa is the most saturated one.
-
#9da0a2
#9da0a2
rgb(157,160,162)
-
#96a1a9
#96a1a9
rgb(150,161,169)
-
#8fa3b0
#8fa3b0
rgb(143,163,176)
-
#87a4b8
#87a4b8
rgb(135,164,184)
-
#80a6bf
#80a6bf
rgb(128,166,191)
-
#79a7c6
#79a7c6
rgb(121,167,198)
-
#71a9ce
#71a9ce
rgb(113,169,206)
-
#6aaad5
#6aaad5
rgb(106,170,213)
-
#63acdc
#63acdc
rgb(99,172,220)
-
#5bade4
#5bade4
rgb(91,173,228)
-
#54afeb
#54afeb
rgb(84,175,235)
-
#4db1f2
#4db1f2
rgb(77,177,242)
-
#45b2fa
#45b2fa
rgb(69,178,250)
Color Blindness Simulator
Below, you can see how #54afeb 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.