#54f6dc Color Information
In a RGB color space, hex #54f6dc is composed of 32.9% red, 96.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 0% magenta, 10.6% yellow and 3.5% black. It has a hue angle of 170.4 degrees, a saturation of 90% and a lightness of 64.7%. #54f6dc color hex could be obtained by blending #a8ffff with #00edb9. Closest websafe color is: #66ffcc.
-
- R 33
- G 96
- B 86
-
- C 66
- M 0
- Y 11
- K 4
● #54f6dc color description : Soft cyan.
#54f6dc Color Conversion
The hexadecimal color #54f6dc has RGB values of R:84, G:246, B:220 and CMYK values of C:0.66, M:0, Y:0.11, K:0.04. Its decimal value is 5568220.
Hex triplet | 54f6dc | #54f6dc |
---|---|---|
RGB Decimal | 84, 246, 220 | rgb(84,246,220) |
RGB Percent | 32.9, 96.5, 86.3 | rgb(32.9%,96.5%,86.3%) |
CMYK | 66, 0, 11, 4 | |
HSL | 170.4°, 90, 64.7 | hsl(170.4,90%,64.7%) |
HSV (or HSB) | 170.4°, 65.9, 96.5 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 88.428, -47.774, 0.198 |
---|---|
XYZ | 49.526, 72.959, 79.179 |
xyY | 0.246, 0.362, 72.959 |
CIE-LCH | 88.428, 47.775, 179.763 |
CIE-LUV | 88.428, -62.579, 8.03 |
Hunter-Lab | 85.416, -45.981, 4.831 |
Binary | 01010100, 11110110, 11011100 |
Color Schemes with #54f6dc
Alternatives to #54f6dc
Below, you can see some colors close to #54f6dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54f6dc Preview
This text has a font color of #54f6dc.
<span style="color:#54f6dc;">Text here</span>
This paragraph has a background color of #54f6dc.
<p style="background-color:#54f6dc;">Content here</p>
This element has a border color of #54f6dc.
<div style="border:1px solid #54f6dc;">Content here</div>
.text {color:#54f6dc;}
.background {background-color:#54f6dc;}
.border {border:1px solid #54f6dc;}
Shades and Tints of #54f6dc
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)
-
#04473c
#04473c
rgb(4,71,60)
-
#055a4c
#055a4c
rgb(5,90,76)
-
#066d5c
#066d5c
rgb(6,109,92)
-
#077f6c
#077f6c
rgb(7,127,108)
-
#08927c
#08927c
rgb(8,146,124)
-
#09a48b
#09a48b
rgb(9,164,139)
-
#0ab79b
#0ab79b
rgb(10,183,155)
-
#0bcaab
#0bcaab
rgb(11,202,171)
-
#0cdcbb
#0cdcbb
rgb(12,220,187)
-
#0defcb
#0defcb
rgb(13,239,203)
-
#1cf3d1
#1cf3d1
rgb(28,243,209)
-
#2ff4d4
#2ff4d4
rgb(47,244,212)
-
#41f5d8
#41f5d8
rgb(65,245,216)
-
#54f6dc
#54f6dc
rgb(84,246,220)
-
#67f7e0
#67f7e0
rgb(103,247,224)
-
#79f8e4
#79f8e4
rgb(121,248,228)
-
#8cf9e7
#8cf9e7
rgb(140,249,231)
-
#9ffaeb
#9ffaeb
rgb(159,250,235)
-
#b1fbef
#b1fbef
rgb(177,251,239)
-
#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 #54f6dc
A tone is produced by adding gray to any pure hue. In this case, #a0aaa8 is the less saturated color, while #4dfde1 is the most saturated one.
-
#a0aaa8
#a0aaa8
rgb(160,170,168)
-
#99b1ad
#99b1ad
rgb(153,177,173)
-
#92b8b2
#92b8b2
rgb(146,184,178)
-
#8bbfb6
#8bbfb6
rgb(139,191,182)
-
#84c6bb
#84c6bb
rgb(132,198,187)
-
#7eccc0
#7eccc0
rgb(126,204,192)
-
#77d3c4
#77d3c4
rgb(119,211,196)
-
#70dac9
#70dac9
rgb(112,218,201)
-
#69e1ce
#69e1ce
rgb(105,225,206)
-
#62e8d3
#62e8d3
rgb(98,232,211)
-
#5befd7
#5befd7
rgb(91,239,215)
-
#54f6dc
#54f6dc
rgb(84,246,220)
-
#4dfde1
#4dfde1
rgb(77,253,225)
Color Blindness Simulator
Below, you can see how #54f6dc 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.