#54a0b2 Color Information
In a RGB color space, hex #54a0b2 is composed of 32.9% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 191.5 degrees, a saturation of 37.9% and a lightness of 51.4%. #54a0b2 color hex could be obtained by blending #a8ffff with #004165. Closest websafe color is: #669999.
-
- R 33
- G 63
- B 70
-
- C 53
- M 10
- Y 0
- K 30
● #54a0b2 color description : Dark moderate cyan.
#54a0b2 Color Conversion
The hexadecimal color #54a0b2 has RGB values of R:84, G:160, B:178 and CMYK values of C:0.53, M:0.1, Y:0, K:0.3. Its decimal value is 5546162.
Hex triplet | 54a0b2 | #54a0b2 |
---|---|---|
RGB Decimal | 84, 160, 178 | rgb(84,160,178) |
RGB Percent | 32.9, 62.7, 69.8 | rgb(32.9%,62.7%,69.8%) |
CMYK | 53, 10, 0, 30 | |
HSL | 191.5°, 37.9, 51.4 | hsl(191.5,37.9%,51.4%) |
HSV (or HSB) | 191.5°, 52.8, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 61.86, -18.434, -16.56 |
---|---|
XYZ | 24.261, 30.239, 46.675 |
xyY | 0.24, 0.299, 30.239 |
CIE-LCH | 61.86, 24.78, 221.935 |
CIE-LUV | 61.86, -32.795, -22.413 |
Hunter-Lab | 54.99, -17.482, -11.832 |
Binary | 01010100, 10100000, 10110010 |
Color Schemes with #54a0b2
Alternatives to #54a0b2
Below, you can see some colors close to #54a0b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a0b2 Preview
This text has a font color of #54a0b2.
<span style="color:#54a0b2;">Text here</span>
This paragraph has a background color of #54a0b2.
<p style="background-color:#54a0b2;">Content here</p>
This element has a border color of #54a0b2.
<div style="border:1px solid #54a0b2;">Content here</div>
.text {color:#54a0b2;}
.background {background-color:#54a0b2;}
.border {border:1px solid #54a0b2;}
Shades and Tints of #54a0b2
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)
-
#081012
#081012
rgb(8,16,18)
-
#0e1d20
#0e1d20
rgb(14,29,32)
-
#14292d
#14292d
rgb(20,41,45)
-
#1b353b
#1b353b
rgb(27,53,59)
-
#214148
#214148
rgb(33,65,72)
-
#274d56
#274d56
rgb(39,77,86)
-
#2d5964
#2d5964
rgb(45,89,100)
-
#336571
#336571
rgb(51,101,113)
-
#39717f
#39717f
rgb(57,113,127)
-
#3f7d8c
#3f7d8c
rgb(63,125,140)
-
#45899a
#45899a
rgb(69,137,154)
-
#4b96a7
#4b96a7
rgb(75,150,167)
-
#54a0b2
#54a0b2
rgb(84,160,178)
-
#62a8b8
#62a8b8
rgb(98,168,184)
-
#6fafbe
#6fafbe
rgb(111,175,190)
-
#7db7c4
#7db7c4
rgb(125,183,196)
-
#8abeca
#8abeca
rgb(138,190,202)
-
#98c6d0
#98c6d0
rgb(152,198,208)
-
#a5cdd7
#a5cdd7
rgb(165,205,215)
-
#b3d5dd
#b3d5dd
rgb(179,213,221)
-
#c0dce3
#c0dce3
rgb(192,220,227)
-
#cee4e9
#cee4e9
rgb(206,228,233)
-
#dbebef
#dbebef
rgb(219,235,239)
-
#e9f3f5
#e9f3f5
rgb(233,243,245)
-
#f6fafb
#f6fafb
rgb(246,250,251)
Tones of #54a0b2
A tone is produced by adding gray to any pure hue. In this case, #7a888c is the less saturated color, while #08cffe is the most saturated one.
-
#7a888c
#7a888c
rgb(122,136,140)
-
#718e95
#718e95
rgb(113,142,149)
-
#67949f
#67949f
rgb(103,148,159)
-
#5e9aa8
#5e9aa8
rgb(94,154,168)
-
#54a0b2
#54a0b2
rgb(84,160,178)
-
#4aa6bc
#4aa6bc
rgb(74,166,188)
-
#41acc5
#41acc5
rgb(65,172,197)
-
#37b2cf
#37b2cf
rgb(55,178,207)
-
#2eb8d8
#2eb8d8
rgb(46,184,216)
-
#24bde2
#24bde2
rgb(36,189,226)
-
#1bc3eb
#1bc3eb
rgb(27,195,235)
-
#11c9f5
#11c9f5
rgb(17,201,245)
-
#08cffe
#08cffe
rgb(8,207,254)
Color Blindness Simulator
Below, you can see how #54a0b2 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.