#54a3aa Color Information
In a RGB color space, hex #54a3aa is composed of 32.9% red, 63.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 4.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 184.9 degrees, a saturation of 33.9% and a lightness of 49.8%. #54a3aa color hex could be obtained by blending #a8ffff with #004755. Closest websafe color is: #669999.
-
- R 33
- G 64
- B 67
-
- C 51
- M 4
- Y 0
- K 33
● #54a3aa color description : Dark moderate cyan.
#54a3aa Color Conversion
The hexadecimal color #54a3aa has RGB values of R:84, G:163, B:170 and CMYK values of C:0.51, M:0.04, Y:0, K:0.33. Its decimal value is 5546922.
Hex triplet | 54a3aa | #54a3aa |
---|---|---|
RGB Decimal | 84, 163, 170 | rgb(84,163,170) |
RGB Percent | 32.9, 63.9, 66.7 | rgb(32.9%,63.9%,66.7%) |
CMYK | 51, 4, 0, 33 | |
HSL | 184.9°, 33.9, 49.8 | hsl(184.9,33.9%,49.8%) |
HSV (or HSB) | 184.9°, 50.6, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 62.491, -22.261, -11.113 |
---|---|
XYZ | 24.007, 30.98, 42.743 |
xyY | 0.246, 0.317, 30.98 |
CIE-LCH | 62.491, 24.881, 206.528 |
CIE-LUV | 62.491, -34.271, -13.317 |
Hunter-Lab | 55.66, -20.414, -6.569 |
Binary | 01010100, 10100011, 10101010 |
Color Schemes with #54a3aa
Alternatives to #54a3aa
Below, you can see some colors close to #54a3aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a3aa Preview
This text has a font color of #54a3aa.
<span style="color:#54a3aa;">Text here</span>
This paragraph has a background color of #54a3aa.
<p style="background-color:#54a3aa;">Content here</p>
This element has a border color of #54a3aa.
<div style="border:1px solid #54a3aa;">Content here</div>
.text {color:#54a3aa;}
.background {background-color:#54a3aa;}
.border {border:1px solid #54a3aa;}
Shades and Tints of #54a3aa
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, #060c0c is the darkest color, while #feffff is the lightest one.
-
#060c0c
#060c0c
rgb(6,12,12)
-
#0d191a
#0d191a
rgb(13,25,26)
-
#132527
#132527
rgb(19,37,39)
-
#1a3234
#1a3234
rgb(26,50,52)
-
#203e41
#203e41
rgb(32,62,65)
-
#274b4e
#274b4e
rgb(39,75,78)
-
#2d575b
#2d575b
rgb(45,87,91)
-
#346468
#346468
rgb(52,100,104)
-
#3a7175
#3a7175
rgb(58,113,117)
-
#417d83
#417d83
rgb(65,125,131)
-
#478a90
#478a90
rgb(71,138,144)
-
#4e969d
#4e969d
rgb(78,150,157)
-
#54a3aa
#54a3aa
rgb(84,163,170)
-
#61aab1
#61aab1
rgb(97,170,177)
-
#6eb1b7
#6eb1b7
rgb(110,177,183)
-
#7bb8be
#7bb8be
rgb(123,184,190)
-
#88bfc4
#88bfc4
rgb(136,191,196)
-
#95c6cb
#95c6cb
rgb(149,198,203)
-
#a2cdd1
#a2cdd1
rgb(162,205,209)
-
#b0d4d8
#b0d4d8
rgb(176,212,216)
-
#bddcde
#bddcde
rgb(189,220,222)
-
#cae3e5
#cae3e5
rgb(202,227,229)
-
#d7eaeb
#d7eaeb
rgb(215,234,235)
-
#e4f1f2
#e4f1f2
rgb(228,241,242)
-
#f1f8f8
#f1f8f8
rgb(241,248,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #54a3aa
A tone is produced by adding gray to any pure hue. In this case, #7b8283 is the less saturated color, while #06e4f8 is the most saturated one.
-
#7b8283
#7b8283
rgb(123,130,131)
-
#718a8d
#718a8d
rgb(113,138,141)
-
#689396
#689396
rgb(104,147,150)
-
#5e9ba0
#5e9ba0
rgb(94,155,160)
-
#54a3aa
#54a3aa
rgb(84,163,170)
-
#4aabb4
#4aabb4
rgb(74,171,180)
-
#40b3be
#40b3be
rgb(64,179,190)
-
#37bcc7
#37bcc7
rgb(55,188,199)
-
#2dc4d1
#2dc4d1
rgb(45,196,209)
-
#23ccdb
#23ccdb
rgb(35,204,219)
-
#19d4e5
#19d4e5
rgb(25,212,229)
-
#10dcee
#10dcee
rgb(16,220,238)
-
#06e4f8
#06e4f8
rgb(6,228,248)
Color Blindness Simulator
Below, you can see how #54a3aa 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.