#54f3b6 Color Information
In a RGB color space, hex #54f3b6 is composed of 32.9% red, 95.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 0% magenta, 25.1% yellow and 4.7% black. It has a hue angle of 157 degrees, a saturation of 86.9% and a lightness of 64.1%. #54f3b6 color hex could be obtained by blending #a8ffff with #00e76d. Closest websafe color is: #66ffcc.
-
- R 33
- G 95
- B 71
-
- C 65
- M 0
- Y 25
- K 5
● #54f3b6 color description : Soft cyan - lime green.
#54f3b6 Color Conversion
The hexadecimal color #54f3b6 has RGB values of R:84, G:243, B:182 and CMYK values of C:0.65, M:0, Y:0.25, K:0.05. Its decimal value is 5567414.
| Hex triplet | 54f3b6 | #54f3b6 |
|---|---|---|
| RGB Decimal | 84, 243, 182 | rgb(84,243,182) |
| RGB Percent | 32.9, 95.3, 71.4 | rgb(32.9%,95.3%,71.4%) |
| CMYK | 65, 0, 25, 5 | |
| HSL | 157°, 86.9, 64.1 | hsl(157,86.9%,64.1%) |
| HSV (or HSB) | 157°, 65.4, 95.3 | |
| Web Safe | 66ffcc | #66ffcc |
| CIE-LAB | 86.682, -55.374, 17.453 |
|---|---|
| XYZ | 44.147, 69.359, 55.315 |
| xyY | 0.262, 0.411, 69.359 |
| CIE-LCH | 86.682, 58.06, 162.506 |
| CIE-LUV | 86.682, -63.808, 34.774 |
| Hunter-Lab | 83.282, -51.124, 18.918 |
| Binary | 01010100, 11110011, 10110110 |
Color Schemes with #54f3b6
Alternatives to #54f3b6
Below, you can see some colors close to #54f3b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54f3b6 Preview
This text has a font color of #54f3b6.
<span style="color:#54f3b6;">Text here</span>
This paragraph has a background color of #54f3b6.
<p style="background-color:#54f3b6;">Content here</p>
This element has a border color of #54f3b6.
<div style="border:1px solid #54f3b6;">Content here</div>
.text {color:#54f3b6;}
.background {background-color:#54f3b6;}
.border {border:1px solid #54f3b6;}
Shades and Tints of #54f3b6
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, #010c08 is the darkest color, while #f9fffc is the lightest one.
-
#010c08
#010c08rgb(1,12,8) -
#021f14
#021f14rgb(2,31,20) -
#03311f
#03311frgb(3,49,31) -
#05432b
#05432brgb(5,67,43) -
#065637
#065637rgb(6,86,55) -
#076843
#076843rgb(7,104,67) -
#097a4f
#097a4frgb(9,122,79) -
#0a8d5a
#0a8d5argb(10,141,90) -
#0b9f66
#0b9f66rgb(11,159,102) -
#0cb172
#0cb172rgb(12,177,114) -
#0ec47e
#0ec47ergb(14,196,126) -
#0fd68a
#0fd68argb(15,214,138) -
#10e895
#10e895rgb(16,232,149)
-
#1def9f
#1def9frgb(29,239,159) -
#2ff0a6
#2ff0a6rgb(47,240,166) -
#42f2ae
#42f2aergb(66,242,174) -
#54f3b6
#54f3b6rgb(84,243,182) -
#66f4be
#66f4bergb(102,244,190) -
#79f6c6
#79f6c6rgb(121,246,198) -
#8bf7cd
#8bf7cdrgb(139,247,205) -
#9df8d5
#9df8d5rgb(157,248,213) -
#b0f9dd
#b0f9ddrgb(176,249,221) -
#c2fbe5
#c2fbe5rgb(194,251,229) -
#d4fced
#d4fcedrgb(212,252,237) -
#e7fdf5
#e7fdf5rgb(231,253,245) -
#f9fffc
#f9fffcrgb(249,255,252)
Tones of #54f3b6
A tone is produced by adding gray to any pure hue. In this case, #a1a6a4 is the less saturated color, while #4dfab8 is the most saturated one.
-
#a1a6a4
#a1a6a4rgb(161,166,164) -
#9aada6
#9aada6rgb(154,173,166) -
#93b4a7
#93b4a7rgb(147,180,167) -
#8cbba9
#8cbba9rgb(140,187,169) -
#85c2ab
#85c2abrgb(133,194,171) -
#7ec9ac
#7ec9acrgb(126,201,172) -
#77d0ae
#77d0aergb(119,208,174) -
#70d7af
#70d7afrgb(112,215,175) -
#69deb1
#69deb1rgb(105,222,177) -
#62e5b3
#62e5b3rgb(98,229,179) -
#5becb4
#5becb4rgb(91,236,180) -
#54f3b6
#54f3b6rgb(84,243,182) -
#4dfab8
#4dfab8rgb(77,250,184)
Color Blindness Simulator
Below, you can see how #54f3b6 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.
