#54c5fb Color Information
In a RGB color space, hex #54c5fb is composed of 32.9% red, 77.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 21.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 199.4 degrees, a saturation of 95.4% and a lightness of 65.7%. #54c5fb color hex could be obtained by blending #a8ffff with #008bf7. Closest websafe color is: #66ccff.
-
- R 33
- G 77
- B 98
-
- C 67
- M 22
- Y 0
- K 2
● #54c5fb color description : Soft blue.
#54c5fb Color Conversion
The hexadecimal color #54c5fb has RGB values of R:84, G:197, B:251 and CMYK values of C:0.67, M:0.22, Y:0, K:0.02. Its decimal value is 5555707.
Hex triplet | 54c5fb | #54c5fb |
---|---|---|
RGB Decimal | 84, 197, 251 | rgb(84,197,251) |
RGB Percent | 32.9, 77.3, 98.4 | rgb(32.9%,77.3%,98.4%) |
CMYK | 67, 22, 0, 2 | |
HSL | 199.4°, 95.4, 65.7 | hsl(199.4,95.4%,65.7%) |
HSV (or HSB) | 199.4°, 66.5, 98.4 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 75.314, -15.709, -36.001 |
---|---|
XYZ | 41.031, 48.779, 98.514 |
xyY | 0.218, 0.259, 48.779 |
CIE-LCH | 75.314, 39.279, 246.427 |
CIE-LUV | 75.314, -43.28, -56.176 |
Hunter-Lab | 69.842, -17.359, -34.741 |
Binary | 01010100, 11000101, 11111011 |
Color Schemes with #54c5fb
Alternatives to #54c5fb
Below, you can see some colors close to #54c5fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54c5fb Preview
This text has a font color of #54c5fb.
<span style="color:#54c5fb;">Text here</span>
This paragraph has a background color of #54c5fb.
<p style="background-color:#54c5fb;">Content here</p>
This element has a border color of #54c5fb.
<div style="border:1px solid #54c5fb;">Content here</div>
.text {color:#54c5fb;}
.background {background-color:#54c5fb;}
.border {border:1px solid #54c5fb;}
Shades and Tints of #54c5fb
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, #000102 is the darkest color, while #edf9ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#000e15
#000e15
rgb(0,14,21)
-
#011b28
#011b28
rgb(1,27,40)
-
#01283b
#01283b
rgb(1,40,59)
-
#02354e
#02354e
rgb(2,53,78)
-
#024361
#024361
rgb(2,67,97)
-
#035075
#035075
rgb(3,80,117)
-
#035d88
#035d88
rgb(3,93,136)
-
#046a9b
#046a9b
rgb(4,106,155)
-
#0477ae
#0477ae
rgb(4,119,174)
-
#0584c1
#0584c1
rgb(5,132,193)
-
#0591d4
#0591d4
rgb(5,145,212)
-
#059ee8
#059ee8
rgb(5,158,232)
-
#07abf9
#07abf9
rgb(7,171,249)
-
#1ab1fa
#1ab1fa
rgb(26,177,250)
-
#2eb8fa
#2eb8fa
rgb(46,184,250)
-
#41befb
#41befb
rgb(65,190,251)
-
#54c5fb
#54c5fb
rgb(84,197,251)
-
#67ccfb
#67ccfb
rgb(103,204,251)
-
#7ad2fc
#7ad2fc
rgb(122,210,252)
-
#8ed9fc
#8ed9fc
rgb(142,217,252)
-
#a1dffd
#a1dffd
rgb(161,223,253)
-
#b4e6fd
#b4e6fd
rgb(180,230,253)
-
#c7ecfe
#c7ecfe
rgb(199,236,254)
-
#daf3fe
#daf3fe
rgb(218,243,254)
-
#edf9ff
#edf9ff
rgb(237,249,255)
Tones of #54c5fb
A tone is produced by adding gray to any pure hue. In this case, #a5a8aa is the less saturated color, while #54c5fb is the most saturated one.
-
#a5a8aa
#a5a8aa
rgb(165,168,170)
-
#9eabb1
#9eabb1
rgb(158,171,177)
-
#97adb8
#97adb8
rgb(151,173,184)
-
#91b0be
#91b0be
rgb(145,176,190)
-
#8ab2c5
#8ab2c5
rgb(138,178,197)
-
#83b4cc
#83b4cc
rgb(131,180,204)
-
#7cb7d3
#7cb7d3
rgb(124,183,211)
-
#76b9d9
#76b9d9
rgb(118,185,217)
-
#6fbbe0
#6fbbe0
rgb(111,187,224)
-
#68bee7
#68bee7
rgb(104,190,231)
-
#61c0ee
#61c0ee
rgb(97,192,238)
-
#5bc3f4
#5bc3f4
rgb(91,195,244)
-
#54c5fb
#54c5fb
rgb(84,197,251)
Color Blindness Simulator
Below, you can see how #54c5fb 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.