#54a4aa Color Information
In a RGB color space, hex #54a4aa is composed of 32.9% red, 64.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 3.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 184.2 degrees, a saturation of 33.9% and a lightness of 49.8%. #54a4aa color hex could be obtained by blending #a8ffff with #004955. Closest websafe color is: #669999.
-
- R 33
- G 64
- B 67
-
- C 51
- M 4
- Y 0
- K 33
● #54a4aa color description : Dark moderate cyan.
#54a4aa Color Conversion
The hexadecimal color #54a4aa has RGB values of R:84, G:164, B:170 and CMYK values of C:0.51, M:0.04, Y:0, K:0.33. Its decimal value is 5547178.
Hex triplet | 54a4aa | #54a4aa |
---|---|---|
RGB Decimal | 84, 164, 170 | rgb(84,164,170) |
RGB Percent | 32.9, 64.3, 66.7 | rgb(32.9%,64.3%,66.7%) |
CMYK | 51, 4, 0, 33 | |
HSL | 184.2°, 33.9, 49.8 | hsl(184.2,33.9%,49.8%) |
HSV (or HSB) | 184.2°, 50.6, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 62.791, -22.774, -10.663 |
---|---|
XYZ | 24.185, 31.336, 42.802 |
xyY | 0.246, 0.319, 31.336 |
CIE-LCH | 62.791, 25.147, 205.09 |
CIE-LUV | 62.791, -34.664, -12.554 |
Hunter-Lab | 55.979, -20.843, -6.148 |
Binary | 01010100, 10100100, 10101010 |
Color Schemes with #54a4aa
Alternatives to #54a4aa
Below, you can see some colors close to #54a4aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a4aa Preview
This text has a font color of #54a4aa.
<span style="color:#54a4aa;">Text here</span>
This paragraph has a background color of #54a4aa.
<p style="background-color:#54a4aa;">Content here</p>
This element has a border color of #54a4aa.
<div style="border:1px solid #54a4aa;">Content here</div>
.text {color:#54a4aa;}
.background {background-color:#54a4aa;}
.border {border:1px solid #54a4aa;}
Shades and Tints of #54a4aa
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)
-
#203f41
#203f41
rgb(32,63,65)
-
#274b4e
#274b4e
rgb(39,75,78)
-
#2d585b
#2d585b
rgb(45,88,91)
-
#346568
#346568
rgb(52,101,104)
-
#3a7175
#3a7175
rgb(58,113,117)
-
#417e83
#417e83
rgb(65,126,131)
-
#478b90
#478b90
rgb(71,139,144)
-
#4e979d
#4e979d
rgb(78,151,157)
-
#54a4aa
#54a4aa
rgb(84,164,170)
-
#61abb1
#61abb1
rgb(97,171,177)
-
#6eb2b7
#6eb2b7
rgb(110,178,183)
-
#7bb9be
#7bb9be
rgb(123,185,190)
-
#88c0c4
#88c0c4
rgb(136,192,196)
-
#95c7cb
#95c7cb
rgb(149,199,203)
-
#a2ced1
#a2ced1
rgb(162,206,209)
-
#b0d5d8
#b0d5d8
rgb(176,213,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 #54a4aa
A tone is produced by adding gray to any pure hue. In this case, #7b8283 is the less saturated color, while #06e7f8 is the most saturated one.
-
#7b8283
#7b8283
rgb(123,130,131)
-
#718b8d
#718b8d
rgb(113,139,141)
-
#689396
#689396
rgb(104,147,150)
-
#5e9ca0
#5e9ca0
rgb(94,156,160)
-
#54a4aa
#54a4aa
rgb(84,164,170)
-
#4aacb4
#4aacb4
rgb(74,172,180)
-
#40b5be
#40b5be
rgb(64,181,190)
-
#37bdc7
#37bdc7
rgb(55,189,199)
-
#2dc6d1
#2dc6d1
rgb(45,198,209)
-
#23cedb
#23cedb
rgb(35,206,219)
-
#19d6e5
#19d6e5
rgb(25,214,229)
-
#10dfee
#10dfee
rgb(16,223,238)
-
#06e7f8
#06e7f8
rgb(6,231,248)
Color Blindness Simulator
Below, you can see how #54a4aa 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.