#54a2bb Color Information
In a RGB color space, hex #54a2bb is composed of 32.9% red, 63.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 13.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 194.6 degrees, a saturation of 43.1% and a lightness of 53.1%. #54a2bb color hex could be obtained by blending #a8ffff with #004577. Closest websafe color is: #6699cc.
-
- R 33
- G 64
- B 73
-
- C 55
- M 13
- Y 0
- K 27
● #54a2bb color description : Moderate cyan.
#54a2bb Color Conversion
The hexadecimal color #54a2bb has RGB values of R:84, G:162, B:187 and CMYK values of C:0.55, M:0.13, Y:0, K:0.27. Its decimal value is 5546683.
Hex triplet | 54a2bb | #54a2bb |
---|---|---|
RGB Decimal | 84, 162, 187 | rgb(84,162,187) |
RGB Percent | 32.9, 63.5, 73.3 | rgb(32.9%,63.5%,73.3%) |
CMYK | 55, 13, 0, 27 | |
HSL | 194.6°, 43.1, 53.1 | hsl(194.6,43.1%,53.1%) |
HSV (or HSB) | 194.6°, 55.1, 73.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.77, -16.86, -20.228 |
---|---|
XYZ | 25.544, 31.312, 51.709 |
xyY | 0.235, 0.288, 31.312 |
CIE-LCH | 62.77, 26.333, 230.19 |
CIE-LUV | 62.77, -33.236, -28.577 |
Hunter-Lab | 55.957, -16.441, -15.619 |
Binary | 01010100, 10100010, 10111011 |
Color Schemes with #54a2bb
Alternatives to #54a2bb
Below, you can see some colors close to #54a2bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a2bb Preview
This text has a font color of #54a2bb.
<span style="color:#54a2bb;">Text here</span>
This paragraph has a background color of #54a2bb.
<p style="background-color:#54a2bb;">Content here</p>
This element has a border color of #54a2bb.
<div style="border:1px solid #54a2bb;">Content here</div>
.text {color:#54a2bb;}
.background {background-color:#54a2bb;}
.border {border:1px solid #54a2bb;}
Shades and Tints of #54a2bb
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, #050a0b is the darkest color, while #fcfefe is the lightest one.
-
#050a0b
#050a0b
rgb(5,10,11)
-
#0a1619
#0a1619
rgb(10,22,25)
-
#102228
#102228
rgb(16,34,40)
-
#152e36
#152e36
rgb(21,46,54)
-
#1b3a44
#1b3a44
rgb(27,58,68)
-
#204652
#204652
rgb(32,70,82)
-
#265260
#265260
rgb(38,82,96)
-
#2c5e6e
#2c5e6e
rgb(44,94,110)
-
#316a7c
#316a7c
rgb(49,106,124)
-
#37768a
#37768a
rgb(55,118,138)
-
#3c8298
#3c8298
rgb(60,130,152)
-
#428ea6
#428ea6
rgb(66,142,166)
-
#489ab4
#489ab4
rgb(72,154,180)
-
#54a2bb
#54a2bb
rgb(84,162,187)
-
#62aac1
#62aac1
rgb(98,170,193)
-
#70b1c6
#70b1c6
rgb(112,177,198)
-
#7eb9cc
#7eb9cc
rgb(126,185,204)
-
#8cc1d1
#8cc1d1
rgb(140,193,209)
-
#9ac8d7
#9ac8d7
rgb(154,200,215)
-
#a8d0dc
#a8d0dc
rgb(168,208,220)
-
#b6d7e2
#b6d7e2
rgb(182,215,226)
-
#c4dfe8
#c4dfe8
rgb(196,223,232)
-
#d2e7ed
#d2e7ed
rgb(210,231,237)
-
#e0eef3
#e0eef3
rgb(224,238,243)
-
#eef6f8
#eef6f8
rgb(238,246,248)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #54a2bb
A tone is produced by adding gray to any pure hue. In this case, #828a8d is the less saturated color, while #14c3fb is the most saturated one.
-
#828a8d
#828a8d
rgb(130,138,141)
-
#798f96
#798f96
rgb(121,143,150)
-
#70949f
#70949f
rgb(112,148,159)
-
#6699a9
#6699a9
rgb(102,153,169)
-
#5d9db2
#5d9db2
rgb(93,157,178)
-
#54a2bb
#54a2bb
rgb(84,162,187)
-
#4ba7c4
#4ba7c4
rgb(75,167,196)
-
#42abcd
#42abcd
rgb(66,171,205)
-
#38b0d7
#38b0d7
rgb(56,176,215)
-
#2fb5e0
#2fb5e0
rgb(47,181,224)
-
#26bae9
#26bae9
rgb(38,186,233)
-
#1dbef2
#1dbef2
rgb(29,190,242)
-
#14c3fb
#14c3fb
rgb(20,195,251)
Color Blindness Simulator
Below, you can see how #54a2bb 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.