#54dfdb Color Information
In a RGB color space, hex #54dfdb is composed of 32.9% red, 87.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 1.8% yellow and 12.5% black. It has a hue angle of 178.3 degrees, a saturation of 68.5% and a lightness of 60.2%. #54dfdb color hex could be obtained by blending #a8ffff with #00bfb7. Closest websafe color is: #66cccc.
-
- R 33
- G 87
- B 86
-
- C 62
- M 0
- Y 2
- K 13
● #54dfdb color description : Soft cyan.
#54dfdb Color Conversion
The hexadecimal color #54dfdb has RGB values of R:84, G:223, B:219 and CMYK values of C:0.62, M:0, Y:0.02, K:0.13. Its decimal value is 5562331.
Hex triplet | 54dfdb | #54dfdb |
---|---|---|
RGB Decimal | 84, 223, 219 | rgb(84,223,219) |
RGB Percent | 32.9, 87.5, 85.9 | rgb(32.9%,87.5%,85.9%) |
CMYK | 62, 0, 2, 13 | |
HSL | 178.3°, 68.5, 60.2 | hsl(178.3,68.5%,60.2%) |
HSV (or HSB) | 178.3°, 62.3, 87.5 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 81.714, -37.86, -9.168 |
---|---|
XYZ | 42.826, 59.771, 76.294 |
xyY | 0.239, 0.334, 59.771 |
CIE-LCH | 81.714, 38.955, 193.612 |
CIE-LUV | 81.714, -54.398, -8.37 |
Hunter-Lab | 77.312, -36.417, -4.391 |
Binary | 01010100, 11011111, 11011011 |
Color Schemes with #54dfdb
Alternatives to #54dfdb
Below, you can see some colors close to #54dfdb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54dfdb Preview
This text has a font color of #54dfdb.
<span style="color:#54dfdb;">Text here</span>
This paragraph has a background color of #54dfdb.
<p style="background-color:#54dfdb;">Content here</p>
This element has a border color of #54dfdb.
<div style="border:1px solid #54dfdb;">Content here</div>
.text {color:#54dfdb;}
.background {background-color:#54dfdb;}
.border {border:1px solid #54dfdb;}
Shades and Tints of #54dfdb
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, #020b0b is the darkest color, while #f9fefe is the lightest one.
-
#020b0b
#020b0b
rgb(2,11,11)
-
#051b1b
#051b1b
rgb(5,27,27)
-
#082c2b
#082c2b
rgb(8,44,43)
-
#0b3c3b
#0b3c3b
rgb(11,60,59)
-
#0e4d4b
#0e4d4b
rgb(14,77,75)
-
#115d5b
#115d5b
rgb(17,93,91)
-
#156e6b
#156e6b
rgb(21,110,107)
-
#187e7b
#187e7b
rgb(24,126,123)
-
#1b8f8c
#1b8f8c
rgb(27,143,140)
-
#1e9f9c
#1e9f9c
rgb(30,159,156)
-
#21b0ac
#21b0ac
rgb(33,176,172)
-
#24c1bc
#24c1bc
rgb(36,193,188)
-
#27d1cc
#27d1cc
rgb(39,209,204)
-
#33d9d4
#33d9d4
rgb(51,217,212)
-
#43dcd8
#43dcd8
rgb(67,220,216)
-
#54dfdb
#54dfdb
rgb(84,223,219)
-
#65e2de
#65e2de
rgb(101,226,222)
-
#75e5e2
#75e5e2
rgb(117,229,226)
-
#86e8e5
#86e8e5
rgb(134,232,229)
-
#96ebe9
#96ebe9
rgb(150,235,233)
-
#a7eeec
#a7eeec
rgb(167,238,236)
-
#b7f2f0
#b7f2f0
rgb(183,242,240)
-
#c8f5f3
#c8f5f3
rgb(200,245,243)
-
#d8f8f7
#d8f8f7
rgb(216,248,247)
-
#e9fbfa
#e9fbfa
rgb(233,251,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #54dfdb
A tone is produced by adding gray to any pure hue. In this case, #92a1a0 is the less saturated color, while #35fef8 is the most saturated one.
-
#92a1a0
#92a1a0
rgb(146,161,160)
-
#8ba8a7
#8ba8a7
rgb(139,168,167)
-
#83b0af
#83b0af
rgb(131,176,175)
-
#7bb8b6
#7bb8b6
rgb(123,184,182)
-
#73c0be
#73c0be
rgb(115,192,190)
-
#6bc8c5
#6bc8c5
rgb(107,200,197)
-
#64cfcc
#64cfcc
rgb(100,207,204)
-
#5cd7d4
#5cd7d4
rgb(92,215,212)
-
#54dfdb
#54dfdb
rgb(84,223,219)
-
#4ce7e2
#4ce7e2
rgb(76,231,226)
-
#44efea
#44efea
rgb(68,239,234)
-
#3df6f1
#3df6f1
rgb(61,246,241)
-
#35fef8
#35fef8
rgb(53,254,248)
Color Blindness Simulator
Below, you can see how #54dfdb 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.