#54f6dd Color Information
In a RGB color space, hex #54f6dd is composed of 32.9% red, 96.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 0% magenta, 10.2% yellow and 3.5% black. It has a hue angle of 170.7 degrees, a saturation of 90% and a lightness of 64.7%. #54f6dd color hex could be obtained by blending #a8ffff with #00edbb. Closest websafe color is: #66ffcc.
-
- R 33
- G 96
- B 87
-
- C 66
- M 0
- Y 10
- K 4
● #54f6dd color description : Soft cyan.
#54f6dd Color Conversion
The hexadecimal color #54f6dd has RGB values of R:84, G:246, B:221 and CMYK values of C:0.66, M:0, Y:0.1, K:0.04. Its decimal value is 5568221.
Hex triplet | 54f6dd | #54f6dd |
---|---|---|
RGB Decimal | 84, 246, 221 | rgb(84,246,221) |
RGB Percent | 32.9, 96.5, 86.7 | rgb(32.9%,96.5%,86.7%) |
CMYK | 66, 0, 10, 4 | |
HSL | 170.7°, 90, 64.7 | hsl(170.7,90%,64.7%) |
HSV (or HSB) | 170.7°, 65.9, 96.5 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 88.454, -47.524, -0.287 |
---|---|
XYZ | 49.659, 73.012, 79.878 |
xyY | 0.245, 0.36, 73.012 |
CIE-LCH | 88.454, 47.525, 180.346 |
CIE-LUV | 88.454, -62.517, 7.234 |
Hunter-Lab | 85.447, -45.795, 4.387 |
Binary | 01010100, 11110110, 11011101 |
Color Schemes with #54f6dd
Alternatives to #54f6dd
Below, you can see some colors close to #54f6dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54f6dd Preview
This text has a font color of #54f6dd.
<span style="color:#54f6dd;">Text here</span>
This paragraph has a background color of #54f6dd.
<p style="background-color:#54f6dd;">Content here</p>
This element has a border color of #54f6dd.
<div style="border:1px solid #54f6dd;">Content here</div>
.text {color:#54f6dd;}
.background {background-color:#54f6dd;}
.border {border:1px solid #54f6dd;}
Shades and Tints of #54f6dd
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, #010f0d is the darkest color, while #fcfffe is the lightest one.
-
#010f0d
#010f0d
rgb(1,15,13)
-
#02221d
#02221d
rgb(2,34,29)
-
#03352d
#03352d
rgb(3,53,45)
-
#04473d
#04473d
rgb(4,71,61)
-
#055a4d
#055a4d
rgb(5,90,77)
-
#066d5d
#066d5d
rgb(6,109,93)
-
#077f6d
#077f6d
rgb(7,127,109)
-
#08927c
#08927c
rgb(8,146,124)
-
#09a48c
#09a48c
rgb(9,164,140)
-
#0ab79c
#0ab79c
rgb(10,183,156)
-
#0bcaac
#0bcaac
rgb(11,202,172)
-
#0cdcbc
#0cdcbc
rgb(12,220,188)
-
#0defcc
#0defcc
rgb(13,239,204)
-
#1cf3d2
#1cf3d2
rgb(28,243,210)
-
#2ff4d6
#2ff4d6
rgb(47,244,214)
-
#41f5d9
#41f5d9
rgb(65,245,217)
-
#54f6dd
#54f6dd
rgb(84,246,221)
-
#67f7e1
#67f7e1
rgb(103,247,225)
-
#79f8e4
#79f8e4
rgb(121,248,228)
-
#8cf9e8
#8cf9e8
rgb(140,249,232)
-
#9ffaec
#9ffaec
rgb(159,250,236)
-
#b1fbf0
#b1fbf0
rgb(177,251,240)
-
#c4fcf3
#c4fcf3
rgb(196,252,243)
-
#d6fdf7
#d6fdf7
rgb(214,253,247)
-
#e9fefb
#e9fefb
rgb(233,254,251)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #54f6dd
A tone is produced by adding gray to any pure hue. In this case, #a0aaa8 is the less saturated color, while #4dfde2 is the most saturated one.
-
#a0aaa8
#a0aaa8
rgb(160,170,168)
-
#99b1ad
#99b1ad
rgb(153,177,173)
-
#92b8b2
#92b8b2
rgb(146,184,178)
-
#8bbfb7
#8bbfb7
rgb(139,191,183)
-
#84c6bb
#84c6bb
rgb(132,198,187)
-
#7eccc0
#7eccc0
rgb(126,204,192)
-
#77d3c5
#77d3c5
rgb(119,211,197)
-
#70daca
#70daca
rgb(112,218,202)
-
#69e1cf
#69e1cf
rgb(105,225,207)
-
#62e8d3
#62e8d3
rgb(98,232,211)
-
#5befd8
#5befd8
rgb(91,239,216)
-
#54f6dd
#54f6dd
rgb(84,246,221)
-
#4dfde2
#4dfde2
rgb(77,253,226)
Color Blindness Simulator
Below, you can see how #54f6dd 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.