#54f9dd Color Information
In a RGB color space, hex #54f9dd is composed of 32.9% red, 97.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0% magenta, 11.2% yellow and 2.4% black. It has a hue angle of 169.8 degrees, a saturation of 93.2% and a lightness of 65.3%. #54f9dd color hex could be obtained by blending #a8ffff with #00f3bb. Closest websafe color is: #66ffcc.
-
- R 33
- G 98
- B 87
-
- C 66
- M 0
- Y 11
- K 2
● #54f9dd color description : Soft cyan.
#54f9dd Color Conversion
The hexadecimal color #54f9dd has RGB values of R:84, G:249, B:221 and CMYK values of C:0.66, M:0, Y:0.11, K:0.02. Its decimal value is 5568989.
Hex triplet | 54f9dd | #54f9dd |
---|---|---|
RGB Decimal | 84, 249, 221 | rgb(84,249,221) |
RGB Percent | 32.9, 97.6, 86.7 | rgb(32.9%,97.6%,86.7%) |
CMYK | 66, 0, 11, 2 | |
HSL | 169.8°, 93.2, 65.3 | hsl(169.8,93.2%,65.3%) |
HSV (or HSB) | 169.8°, 66.3, 97.6 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 89.324, -48.803, 0.983 |
---|---|
XYZ | 50.579, 74.852, 80.185 |
xyY | 0.246, 0.364, 74.852 |
CIE-LCH | 89.324, 48.813, 178.846 |
CIE-LUV | 89.324, -63.578, 9.429 |
Hunter-Lab | 86.517, -47.052, 5.611 |
Binary | 01010100, 11111001, 11011101 |
Color Schemes with #54f9dd
Alternatives to #54f9dd
Below, you can see some colors close to #54f9dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54f9dd Preview
This text has a font color of #54f9dd.
<span style="color:#54f9dd;">Text here</span>
This paragraph has a background color of #54f9dd.
<p style="background-color:#54f9dd;">Content here</p>
This element has a border color of #54f9dd.
<div style="border:1px solid #54f9dd;">Content here</div>
.text {color:#54f9dd;}
.background {background-color:#54f9dd;}
.border {border:1px solid #54f9dd;}
Shades and Tints of #54f9dd
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, #01130f is the darkest color, while #ffffff is the lightest one.
-
#01130f
#01130f
rgb(1,19,15)
-
#01251f
#01251f
rgb(1,37,31)
-
#02382f
#02382f
rgb(2,56,47)
-
#034b3f
#034b3f
rgb(3,75,63)
-
#035e4f
#035e4f
rgb(3,94,79)
-
#04715f
#04715f
rgb(4,113,95)
-
#05846f
#05846f
rgb(5,132,111)
-
#05977e
#05977e
rgb(5,151,126)
-
#06aa8e
#06aa8e
rgb(6,170,142)
-
#07bd9e
#07bd9e
rgb(7,189,158)
-
#07d0ae
#07d0ae
rgb(7,208,174)
-
#08e3be
#08e3be
rgb(8,227,190)
-
#09f6ce
#09f6ce
rgb(9,246,206)
-
#1bf7d2
#1bf7d2
rgb(27,247,210)
-
#2ef8d5
#2ef8d5
rgb(46,248,213)
-
#41f8d9
#41f8d9
rgb(65,248,217)
-
#54f9dd
#54f9dd
rgb(84,249,221)
-
#67fae1
#67fae1
rgb(103,250,225)
-
#7afae5
#7afae5
rgb(122,250,229)
-
#8dfbe8
#8dfbe8
rgb(141,251,232)
-
#a0fcec
#a0fcec
rgb(160,252,236)
-
#b3fcf0
#b3fcf0
rgb(179,252,240)
-
#c6fdf4
#c6fdf4
rgb(198,253,244)
-
#d9fef7
#d9fef7
rgb(217,254,247)
-
#ecfefb
#ecfefb
rgb(236,254,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #54f9dd
A tone is produced by adding gray to any pure hue. In this case, #a6a7a7 is the less saturated color, while #54f9dd is the most saturated one.
-
#a6a7a7
#a6a7a7
rgb(166,167,167)
-
#9faeac
#9faeac
rgb(159,174,172)
-
#98b5b0
#98b5b0
rgb(152,181,176)
-
#91bcb5
#91bcb5
rgb(145,188,181)
-
#8ac3b9
#8ac3b9
rgb(138,195,185)
-
#84c9be
#84c9be
rgb(132,201,190)
-
#7dd0c2
#7dd0c2
rgb(125,208,194)
-
#76d7c7
#76d7c7
rgb(118,215,199)
-
#6fdecb
#6fdecb
rgb(111,222,203)
-
#68e5d0
#68e5d0
rgb(104,229,208)
-
#62ebd4
#62ebd4
rgb(98,235,212)
-
#5bf2d9
#5bf2d9
rgb(91,242,217)
-
#54f9dd
#54f9dd
rgb(84,249,221)
Color Blindness Simulator
Below, you can see how #54f9dd 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.