#54f4df Color Information
In a RGB color space, hex #54f4df is composed of 32.9% red, 95.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 8.6% yellow and 4.3% black. It has a hue angle of 172.1 degrees, a saturation of 87.9% and a lightness of 64.3%. #54f4df color hex could be obtained by blending #a8ffff with #00e9bf. Closest websafe color is: #66ffcc.
-
- R 33
- G 96
- B 87
-
- C 66
- M 0
- Y 9
- K 4
● #54f4df color description : Soft cyan.
#54f4df Color Conversion
The hexadecimal color #54f4df has RGB values of R:84, G:244, B:223 and CMYK values of C:0.66, M:0, Y:0.09, K:0.04. Its decimal value is 5567711.
Hex triplet | 54f4df | #54f4df |
---|---|---|
RGB Decimal | 84, 244, 223 | rgb(84,244,223) |
RGB Percent | 32.9, 95.7, 87.5 | rgb(32.9%,95.7%,87.5%) |
CMYK | 66, 0, 9, 4 | |
HSL | 172.1°, 87.9, 64.3 | hsl(172.1,87.9%,64.3%) |
HSV (or HSB) | 172.1°, 65.6, 95.7 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 87.925, -46.159, -2.104 |
---|---|
XYZ | 49.322, 71.91, 81.089 |
xyY | 0.244, 0.355, 71.91 |
CIE-LCH | 87.925, 46.207, 182.61 |
CIE-LUV | 87.925, -61.682, 4.159 |
Hunter-Lab | 84.799, -44.578, 2.664 |
Binary | 01010100, 11110100, 11011111 |
Color Schemes with #54f4df
Alternatives to #54f4df
Below, you can see some colors close to #54f4df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54f4df Preview
This text has a font color of #54f4df.
<span style="color:#54f4df;">Text here</span>
This paragraph has a background color of #54f4df.
<p style="background-color:#54f4df;">Content here</p>
This element has a border color of #54f4df.
<div style="border:1px solid #54f4df;">Content here</div>
.text {color:#54f4df;}
.background {background-color:#54f4df;}
.border {border:1px solid #54f4df;}
Shades and Tints of #54f4df
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, #010d0c is the darkest color, while #fafffe is the lightest one.
-
#010d0c
#010d0c
rgb(1,13,12)
-
#02201c
#02201c
rgb(2,32,28)
-
#03322c
#03322c
rgb(3,50,44)
-
#04453c
#04453c
rgb(4,69,60)
-
#06574c
#06574c
rgb(6,87,76)
-
#07695c
#07695c
rgb(7,105,92)
-
#087c6d
#087c6d
rgb(8,124,109)
-
#098e7d
#098e7d
rgb(9,142,125)
-
#0aa18d
#0aa18d
rgb(10,161,141)
-
#0cb39d
#0cb39d
rgb(12,179,157)
-
#0dc6ad
#0dc6ad
rgb(13,198,173)
-
#0ed8bd
#0ed8bd
rgb(14,216,189)
-
#0feace
#0feace
rgb(15,234,206)
-
#1df0d5
#1df0d5
rgb(29,240,213)
-
#2ff2d8
#2ff2d8
rgb(47,242,216)
-
#42f3dc
#42f3dc
rgb(66,243,220)
-
#54f4df
#54f4df
rgb(84,244,223)
-
#66f5e2
#66f5e2
rgb(102,245,226)
-
#79f6e6
#79f6e6
rgb(121,246,230)
-
#8bf8e9
#8bf8e9
rgb(139,248,233)
-
#9ef9ed
#9ef9ed
rgb(158,249,237)
-
#b0faf0
#b0faf0
rgb(176,250,240)
-
#c3fbf4
#c3fbf4
rgb(195,251,244)
-
#d5fcf7
#d5fcf7
rgb(213,252,247)
-
#e7fdfb
#e7fdfb
rgb(231,253,251)
-
#fafffe
#fafffe
rgb(250,255,254)
Tones of #54f4df
A tone is produced by adding gray to any pure hue. In this case, #a1a7a6 is the less saturated color, while #4dfbe4 is the most saturated one.
-
#a1a7a6
#a1a7a6
rgb(161,167,166)
-
#9aaeab
#9aaeab
rgb(154,174,171)
-
#93b5b1
#93b5b1
rgb(147,181,177)
-
#8cbcb6
#8cbcb6
rgb(140,188,182)
-
#85c3bb
#85c3bb
rgb(133,195,187)
-
#7ecac0
#7ecac0
rgb(126,202,192)
-
#77d1c5
#77d1c5
rgb(119,209,197)
-
#70d8ca
#70d8ca
rgb(112,216,202)
-
#69dfd0
#69dfd0
rgb(105,223,208)
-
#62e6d5
#62e6d5
rgb(98,230,213)
-
#5bedda
#5bedda
rgb(91,237,218)
-
#54f4df
#54f4df
rgb(84,244,223)
-
#4dfbe4
#4dfbe4
rgb(77,251,228)
Color Blindness Simulator
Below, you can see how #54f4df 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.