#66e2f4 Color Information
In a RGB color space, hex #66e2f4 is composed of 40% red, 88.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 7.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 187.6 degrees, a saturation of 86.6% and a lightness of 67.8%. #66e2f4 color hex could be obtained by blending #ccffff with #00c5e9. Closest websafe color is: #66ccff.
-
- R 40
- G 89
- B 96
-
- C 58
- M 7
- Y 0
- K 4
● #66e2f4 color description : Soft cyan.
#66e2f4 Color Conversion
The hexadecimal color #66e2f4 has RGB values of R:102, G:226, B:244 and CMYK values of C:0.58, M:0.07, Y:0, K:0.04. Its decimal value is 6742772.
Hex triplet | 66e2f4 | #66e2f4 |
---|---|---|
RGB Decimal | 102, 226, 244 | rgb(102,226,244) |
RGB Percent | 40, 88.6, 95.7 | rgb(40%,88.6%,95.7%) |
CMYK | 58, 7, 0, 4 | |
HSL | 187.6°, 86.6, 67.8 | hsl(187.6,86.6%,67.8%) |
HSV (or HSB) | 187.6°, 58.2, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 83.833, -29.395, -19.189 |
---|---|
XYZ | 49, 63.745, 95.305 |
xyY | 0.236, 0.306, 63.745 |
CIE-LCH | 83.833, 35.104, 213.136 |
CIE-LUV | 83.833, -50.164, -26.132 |
Hunter-Lab | 79.841, -30.171, -14.885 |
Binary | 01100110, 11100010, 11110100 |
Color Schemes with #66e2f4
Alternatives to #66e2f4
Below, you can see some colors close to #66e2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66e2f4 Preview
This text has a font color of #66e2f4.
<span style="color:#66e2f4;">Text here</span>
This paragraph has a background color of #66e2f4.
<p style="background-color:#66e2f4;">Content here</p>
This element has a border color of #66e2f4.
<div style="border:1px solid #66e2f4;">Content here</div>
.text {color:#66e2f4;}
.background {background-color:#66e2f4;}
.border {border:1px solid #66e2f4;}
Shades and Tints of #66e2f4
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, #010a0c is the darkest color, while #f8feff is the lightest one.
-
#010a0c
#010a0c
rgb(1,10,12)
-
#021a1e
#021a1e
rgb(2,26,30)
-
#032b30
#032b30
rgb(3,43,48)
-
#053b43
#053b43
rgb(5,59,67)
-
#064b55
#064b55
rgb(6,75,85)
-
#075b67
#075b67
rgb(7,91,103)
-
#096b79
#096b79
rgb(9,107,121)
-
#0a7b8c
#0a7b8c
rgb(10,123,140)
-
#0b8b9e
#0b8b9e
rgb(11,139,158)
-
#0d9cb0
#0d9cb0
rgb(13,156,176)
-
#0eacc3
#0eacc3
rgb(14,172,195)
-
#0fbcd5
#0fbcd5
rgb(15,188,213)
-
#11cce7
#11cce7
rgb(17,204,231)
-
#1dd4ef
#1dd4ef
rgb(29,212,239)
-
#2fd8f0
#2fd8f0
rgb(47,216,240)
-
#41dbf1
#41dbf1
rgb(65,219,241)
-
#54dff3
#54dff3
rgb(84,223,243)
-
#66e2f4
#66e2f4
rgb(102,226,244)
-
#78e5f5
#78e5f5
rgb(120,229,245)
-
#8be9f7
#8be9f7
rgb(139,233,247)
-
#9decf8
#9decf8
rgb(157,236,248)
-
#aff0f9
#aff0f9
rgb(175,240,249)
-
#c1f3fb
#c1f3fb
rgb(193,243,251)
-
#d4f7fc
#d4f7fc
rgb(212,247,252)
-
#e6fafd
#e6fafd
rgb(230,250,253)
-
#f8feff
#f8feff
rgb(248,254,255)
Tones of #66e2f4
A tone is produced by adding gray to any pure hue. In this case, #abaeaf is the less saturated color, while #60e7fa is the most saturated one.
-
#abaeaf
#abaeaf
rgb(171,174,175)
-
#a5b3b5
#a5b3b5
rgb(165,179,181)
-
#9fb8bb
#9fb8bb
rgb(159,184,187)
-
#98bcc2
#98bcc2
rgb(152,188,194)
-
#92c1c8
#92c1c8
rgb(146,193,200)
-
#8cc6ce
#8cc6ce
rgb(140,198,206)
-
#86cad4
#86cad4
rgb(134,202,212)
-
#7fcfdb
#7fcfdb
rgb(127,207,219)
-
#79d4e1
#79d4e1
rgb(121,212,225)
-
#73d9e7
#73d9e7
rgb(115,217,231)
-
#6cddee
#6cddee
rgb(108,221,238)
-
#66e2f4
#66e2f4
rgb(102,226,244)
-
#60e7fa
#60e7fa
rgb(96,231,250)
Color Blindness Simulator
Below, you can see how #66e2f4 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.