#56e5f3 Color Information
In a RGB color space, hex #56e5f3 is composed of 33.7% red, 89.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 5.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 185.4 degrees, a saturation of 86.7% and a lightness of 64.5%. #56e5f3 color hex could be obtained by blending #acffff with #00cbe7. Closest websafe color is: #66ccff.
-
- R 34
- G 90
- B 95
-
- C 65
- M 6
- Y 0
- K 5
● #56e5f3 color description : Soft cyan.
#56e5f3 Color Conversion
The hexadecimal color #56e5f3 has RGB values of R:86, G:229, B:243 and CMYK values of C:0.65, M:0.06, Y:0, K:0.05. Its decimal value is 5694963.
Hex triplet | 56e5f3 | #56e5f3 |
---|---|---|
RGB Decimal | 86, 229, 243 | rgb(86,229,243) |
RGB Percent | 33.7, 89.8, 95.3 | rgb(33.7%,89.8%,95.3%) |
CMYK | 65, 6, 0, 5 | |
HSL | 185.4°, 86.7, 64.5 | hsl(185.4,86.7%,64.5%) |
HSV (or HSB) | 185.4°, 64.6, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 84.217, -33.715, -18.124 |
---|---|
XYZ | 48.03, 64.484, 94.705 |
xyY | 0.232, 0.311, 64.484 |
CIE-LCH | 84.217, 38.278, 208.261 |
CIE-LUV | 84.217, -54.727, -23.762 |
Hunter-Lab | 80.302, -33.764, -13.713 |
Binary | 01010110, 11100101, 11110011 |
Color Schemes with #56e5f3
Alternatives to #56e5f3
Below, you can see some colors close to #56e5f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56e5f3 Preview
This text has a font color of #56e5f3.
<span style="color:#56e5f3;">Text here</span>
This paragraph has a background color of #56e5f3.
<p style="background-color:#56e5f3;">Content here</p>
This element has a border color of #56e5f3.
<div style="border:1px solid #56e5f3;">Content here</div>
.text {color:#56e5f3;}
.background {background-color:#56e5f3;}
.border {border:1px solid #56e5f3;}
Shades and Tints of #56e5f3
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, #010d0e is the darkest color, while #fbfeff is the lightest one.
-
#010d0e
#010d0e
rgb(1,13,14)
-
#021e20
#021e20
rgb(2,30,32)
-
#042f33
#042f33
rgb(4,47,51)
-
#053f45
#053f45
rgb(5,63,69)
-
#065057
#065057
rgb(6,80,87)
-
#08616a
#08616a
rgb(8,97,106)
-
#09727c
#09727c
rgb(9,114,124)
-
#0a838e
#0a838e
rgb(10,131,142)
-
#0b93a1
#0b93a1
rgb(11,147,161)
-
#0da4b3
#0da4b3
rgb(13,164,179)
-
#0eb5c5
#0eb5c5
rgb(14,181,197)
-
#0fc6d8
#0fc6d8
rgb(15,198,216)
-
#11d7ea
#11d7ea
rgb(17,215,234)
-
#1fddef
#1fddef
rgb(31,221,239)
-
#31dff0
#31dff0
rgb(49,223,240)
-
#44e2f2
#44e2f2
rgb(68,226,242)
-
#56e5f3
#56e5f3
rgb(86,229,243)
-
#68e8f4
#68e8f4
rgb(104,232,244)
-
#7bebf6
#7bebf6
rgb(123,235,246)
-
#8dedf7
#8dedf7
rgb(141,237,247)
-
#9ff0f8
#9ff0f8
rgb(159,240,248)
-
#b2f3fa
#b2f3fa
rgb(178,243,250)
-
#c4f6fb
#c4f6fb
rgb(196,246,251)
-
#d6f9fc
#d6f9fc
rgb(214,249,252)
-
#e9fcfd
#e9fcfd
rgb(233,252,253)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #56e5f3
A tone is produced by adding gray to any pure hue. In this case, #a3a6a6 is the less saturated color, while #4febfa is the most saturated one.
-
#a3a6a6
#a3a6a6
rgb(163,166,166)
-
#9cacad
#9cacad
rgb(156,172,173)
-
#95b2b4
#95b2b4
rgb(149,178,180)
-
#8eb7bb
#8eb7bb
rgb(142,183,187)
-
#87bdc2
#87bdc2
rgb(135,189,194)
-
#80c3c9
#80c3c9
rgb(128,195,201)
-
#79c8d0
#79c8d0
rgb(121,200,208)
-
#72ced7
#72ced7
rgb(114,206,215)
-
#6bd4de
#6bd4de
rgb(107,212,222)
-
#64dae5
#64dae5
rgb(100,218,229)
-
#5ddfec
#5ddfec
rgb(93,223,236)
-
#56e5f3
#56e5f3
rgb(86,229,243)
-
#4febfa
#4febfa
rgb(79,235,250)
Color Blindness Simulator
Below, you can see how #56e5f3 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.