#56e4f4 Color Information
In a RGB color space, hex #56e4f4 is composed of 33.7% red, 89.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 6.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 186.1 degrees, a saturation of 87.8% and a lightness of 64.7%. #56e4f4 color hex could be obtained by blending #acffff with #00c9e9. Closest websafe color is: #66ccff.
-
- R 34
- G 89
- B 96
-
- C 65
- M 7
- Y 0
- K 4
● #56e4f4 color description : Soft cyan.
#56e4f4 Color Conversion
The hexadecimal color #56e4f4 has RGB values of R:86, G:228, B:244 and CMYK values of C:0.65, M:0.07, Y:0, K:0.04. Its decimal value is 5694708.
Hex triplet | 56e4f4 | #56e4f4 |
---|---|---|
RGB Decimal | 86, 228, 244 | rgb(86,228,244) |
RGB Percent | 33.7, 89.4, 95.7 | rgb(33.7%,89.4%,95.7%) |
CMYK | 65, 7, 0, 4 | |
HSL | 186.1°, 87.8, 64.7 | hsl(186.1,87.8%,64.7%) |
HSV (or HSB) | 186.1°, 64.8, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 83.962, -32.96, -19.037 |
---|---|
XYZ | 47.906, 63.993, 95.41 |
xyY | 0.231, 0.309, 63.993 |
CIE-LCH | 83.962, 38.062, 210.01 |
CIE-LUV | 83.962, -54.311, -25.393 |
Hunter-Lab | 79.996, -33.097, -14.718 |
Binary | 01010110, 11100100, 11110100 |
Color Schemes with #56e4f4
Alternatives to #56e4f4
Below, you can see some colors close to #56e4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56e4f4 Preview
This text has a font color of #56e4f4.
<span style="color:#56e4f4;">Text here</span>
This paragraph has a background color of #56e4f4.
<p style="background-color:#56e4f4;">Content here</p>
This element has a border color of #56e4f4.
<div style="border:1px solid #56e4f4;">Content here</div>
.text {color:#56e4f4;}
.background {background-color:#56e4f4;}
.border {border:1px solid #56e4f4;}
Shades and Tints of #56e4f4
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, #010e0f is the darkest color, while #fcfeff is the lightest one.
-
#010e0f
#010e0f
rgb(1,14,15)
-
#021e22
#021e22
rgb(2,30,34)
-
#032f34
#032f34
rgb(3,47,52)
-
#054046
#054046
rgb(5,64,70)
-
#065059
#065059
rgb(6,80,89)
-
#07616b
#07616b
rgb(7,97,107)
-
#08727e
#08727e
rgb(8,114,126)
-
#098290
#098290
rgb(9,130,144)
-
#0b93a3
#0b93a3
rgb(11,147,163)
-
#0ca4b5
#0ca4b5
rgb(12,164,181)
-
#0db4c7
#0db4c7
rgb(13,180,199)
-
#0ec5da
#0ec5da
rgb(14,197,218)
-
#0fd6ec
#0fd6ec
rgb(15,214,236)
-
#1fdbf0
#1fdbf0
rgb(31,219,240)
-
#31def2
#31def2
rgb(49,222,242)
-
#44e1f3
#44e1f3
rgb(68,225,243)
-
#56e4f4
#56e4f4
rgb(86,228,244)
-
#68e7f5
#68e7f5
rgb(104,231,245)
-
#7beaf6
#7beaf6
rgb(123,234,246)
-
#8dedf8
#8dedf8
rgb(141,237,248)
-
#a0f0f9
#a0f0f9
rgb(160,240,249)
-
#b2f3fa
#b2f3fa
rgb(178,243,250)
-
#c5f6fb
#c5f6fb
rgb(197,246,251)
-
#d7f9fc
#d7f9fc
rgb(215,249,252)
-
#e9fcfe
#e9fcfe
rgb(233,252,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #56e4f4
A tone is produced by adding gray to any pure hue. In this case, #a2a7a8 is the less saturated color, while #4feafb is the most saturated one.
-
#a2a7a8
#a2a7a8
rgb(162,167,168)
-
#9badaf
#9badaf
rgb(155,173,175)
-
#94b2b6
#94b2b6
rgb(148,178,182)
-
#8db8bd
#8db8bd
rgb(141,184,189)
-
#86bdc4
#86bdc4
rgb(134,189,196)
-
#80c3ca
#80c3ca
rgb(128,195,202)
-
#79c8d1
#79c8d1
rgb(121,200,209)
-
#72ced8
#72ced8
rgb(114,206,216)
-
#6bd3df
#6bd3df
rgb(107,211,223)
-
#64d9e6
#64d9e6
rgb(100,217,230)
-
#5ddeed
#5ddeed
rgb(93,222,237)
-
#56e4f4
#56e4f4
rgb(86,228,244)
-
#4feafb
#4feafb
rgb(79,234,251)
Color Blindness Simulator
Below, you can see how #56e4f4 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.