#54a5b2 Color Information
In a RGB color space, hex #54a5b2 is composed of 32.9% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 188.3 degrees, a saturation of 37.9% and a lightness of 51.4%. #54a5b2 color hex could be obtained by blending #a8ffff with #004b65. Closest websafe color is: #669999.
-
- R 33
- G 65
- B 70
-
- C 53
- M 7
- Y 0
- K 30
● #54a5b2 color description : Dark moderate cyan.
#54a5b2 Color Conversion
The hexadecimal color #54a5b2 has RGB values of R:84, G:165, B:178 and CMYK values of C:0.53, M:0.07, Y:0, K:0.3. Its decimal value is 5547442.
Hex triplet | 54a5b2 | #54a5b2 |
---|---|---|
RGB Decimal | 84, 165, 178 | rgb(84,165,178) |
RGB Percent | 32.9, 64.7, 69.8 | rgb(32.9%,64.7%,69.8%) |
CMYK | 53, 7, 0, 30 | |
HSL | 188.3°, 37.9, 51.4 | hsl(188.3,37.9%,51.4%) |
HSV (or HSB) | 188.3°, 52.8, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 63.349, -21.045, -14.309 |
---|---|
XYZ | 25.145, 32.008, 46.97 |
xyY | 0.241, 0.307, 32.008 |
CIE-LCH | 63.349, 25.449, 214.213 |
CIE-LUV | 63.349, -34.741, -18.551 |
Hunter-Lab | 56.575, -19.672, -9.621 |
Binary | 01010100, 10100101, 10110010 |
Color Schemes with #54a5b2
Alternatives to #54a5b2
Below, you can see some colors close to #54a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a5b2 Preview
This text has a font color of #54a5b2.
<span style="color:#54a5b2;">Text here</span>
This paragraph has a background color of #54a5b2.
<p style="background-color:#54a5b2;">Content here</p>
This element has a border color of #54a5b2.
<div style="border:1px solid #54a5b2;">Content here</div>
.text {color:#54a5b2;}
.background {background-color:#54a5b2;}
.border {border:1px solid #54a5b2;}
Shades and Tints of #54a5b2
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, #020405 is the darkest color, while #f6fafb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#081112
#081112
rgb(8,17,18)
-
#0e1d20
#0e1d20
rgb(14,29,32)
-
#142a2d
#142a2d
rgb(20,42,45)
-
#1b363b
#1b363b
rgb(27,54,59)
-
#214348
#214348
rgb(33,67,72)
-
#274f56
#274f56
rgb(39,79,86)
-
#2d5c64
#2d5c64
rgb(45,92,100)
-
#336871
#336871
rgb(51,104,113)
-
#39757f
#39757f
rgb(57,117,127)
-
#3f818c
#3f818c
rgb(63,129,140)
-
#458e9a
#458e9a
rgb(69,142,154)
-
#4b9aa7
#4b9aa7
rgb(75,154,167)
-
#54a5b2
#54a5b2
rgb(84,165,178)
-
#62acb8
#62acb8
rgb(98,172,184)
-
#6fb3be
#6fb3be
rgb(111,179,190)
-
#7dbac4
#7dbac4
rgb(125,186,196)
-
#8ac1ca
#8ac1ca
rgb(138,193,202)
-
#98c9d0
#98c9d0
rgb(152,201,208)
-
#a5d0d7
#a5d0d7
rgb(165,208,215)
-
#b3d7dd
#b3d7dd
rgb(179,215,221)
-
#c0dee3
#c0dee3
rgb(192,222,227)
-
#cee5e9
#cee5e9
rgb(206,229,233)
-
#dbecef
#dbecef
rgb(219,236,239)
-
#e9f3f5
#e9f3f5
rgb(233,243,245)
-
#f6fafb
#f6fafb
rgb(246,250,251)
Tones of #54a5b2
A tone is produced by adding gray to any pure hue. In this case, #7a898c is the less saturated color, while #08dcfe is the most saturated one.
-
#7a898c
#7a898c
rgb(122,137,140)
-
#719095
#719095
rgb(113,144,149)
-
#67979f
#67979f
rgb(103,151,159)
-
#5e9ea8
#5e9ea8
rgb(94,158,168)
-
#54a5b2
#54a5b2
rgb(84,165,178)
-
#4aacbc
#4aacbc
rgb(74,172,188)
-
#41b3c5
#41b3c5
rgb(65,179,197)
-
#37bacf
#37bacf
rgb(55,186,207)
-
#2ec1d8
#2ec1d8
rgb(46,193,216)
-
#24c8e2
#24c8e2
rgb(36,200,226)
-
#1bceeb
#1bceeb
rgb(27,206,235)
-
#11d5f5
#11d5f5
rgb(17,213,245)
-
#08dcfe
#08dcfe
rgb(8,220,254)
Color Blindness Simulator
Below, you can see how #54a5b2 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.