#66e0cc Color Information
In a RGB color space, hex #66e0cc is composed of 40% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 170.2 degrees, a saturation of 66.3% and a lightness of 63.9%. #66e0cc color hex could be obtained by blending #ccffff with #00c199. Closest websafe color is: #66cccc.
-
- R 40
- G 88
- B 80
-
- C 54
- M 0
- Y 9
- K 12
● #66e0cc color description : Soft cyan.
#66e0cc Color Conversion
The hexadecimal color #66e0cc has RGB values of R:102, G:224, B:204 and CMYK values of C:0.54, M:0, Y:0.09, K:0.12. Its decimal value is 6742220.
| Hex triplet | 66e0cc | #66e0cc |
|---|---|---|
| RGB Decimal | 102, 224, 204 | rgb(102,224,204) |
| RGB Percent | 40, 87.8, 80 | rgb(40%,87.8%,80%) |
| CMYK | 54, 0, 9, 12 | |
| HSL | 170.2°, 66.3, 63.9 | hsl(170.2,66.3%,63.9%) |
| HSV (or HSB) | 170.2°, 54.5, 87.8 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 82.105, -38.938, -0.568 |
|---|---|
| XYZ | 43.031, 60.492, 66.532 |
| xyY | 0.253, 0.356, 60.492 |
| CIE-LCH | 82.105, 38.943, 180.836 |
| CIE-LUV | 82.105, -51.414, 5.419 |
| Hunter-Lab | 77.777, -37.353, 3.726 |
| Binary | 01100110, 11100000, 11001100 |
Color Schemes with #66e0cc
Alternatives to #66e0cc
Below, you can see some colors close to #66e0cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66e0cc Preview
This text has a font color of #66e0cc.
<span style="color:#66e0cc;">Text here</span>
This paragraph has a background color of #66e0cc.
<p style="background-color:#66e0cc;">Content here</p>
This element has a border color of #66e0cc.
<div style="border:1px solid #66e0cc;">Content here</div>
.text {color:#66e0cc;}
.background {background-color:#66e0cc;}
.border {border:1px solid #66e0cc;}
Shades and Tints of #66e0cc
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, #020a09 is the darkest color, while #f9fefd is the lightest one.
-
#020a09
#020a09rgb(2,10,9) -
#051a17
#051a17rgb(5,26,23) -
#092b25
#092b25rgb(9,43,37) -
#0c3b33
#0c3b33rgb(12,59,51) -
#0f4b41
#0f4b41rgb(15,75,65) -
#135c50
#135c50rgb(19,92,80) -
#166c5e
#166c5ergb(22,108,94) -
#197c6c
#197c6crgb(25,124,108) -
#1c8d7a
#1c8d7argb(28,141,122) -
#209d88
#209d88rgb(32,157,136) -
#23ad97
#23ad97rgb(35,173,151) -
#26bea5
#26bea5rgb(38,190,165) -
#2aceb3
#2aceb3rgb(42,206,179)
-
#35d6bc
#35d6bcrgb(53,214,188) -
#45d9c1
#45d9c1rgb(69,217,193) -
#56ddc7
#56ddc7rgb(86,221,199) -
#66e0cc
#66e0ccrgb(102,224,204) -
#76e3d1
#76e3d1rgb(118,227,209) -
#87e7d7
#87e7d7rgb(135,231,215) -
#97eadc
#97eadcrgb(151,234,220) -
#a7ede2
#a7ede2rgb(167,237,226) -
#b8f1e7
#b8f1e7rgb(184,241,231) -
#c8f4ed
#c8f4edrgb(200,244,237) -
#d8f7f2
#d8f7f2rgb(216,247,242) -
#e8faf7
#e8faf7rgb(232,250,247) -
#f9fefd
#f9fefdrgb(249,254,253)
Tones of #66e0cc
A tone is produced by adding gray to any pure hue. In this case, #9fa7a6 is the less saturated color, while #4afcdf is the most saturated one.
-
#9fa7a6
#9fa7a6rgb(159,167,166) -
#98aeab
#98aeabrgb(152,174,171) -
#90b6af
#90b6afrgb(144,182,175) -
#89bdb4
#89bdb4rgb(137,189,180) -
#82c4b9
#82c4b9rgb(130,196,185) -
#7bcbbe
#7bcbbergb(123,203,190) -
#74d2c2
#74d2c2rgb(116,210,194) -
#6dd9c7
#6dd9c7rgb(109,217,199) -
#66e0cc
#66e0ccrgb(102,224,204) -
#5fe7d1
#5fe7d1rgb(95,231,209) -
#58eed6
#58eed6rgb(88,238,214) -
#51f5da
#51f5dargb(81,245,218) -
#4afcdf
#4afcdfrgb(74,252,223)
Color Blindness Simulator
Below, you can see how #66e0cc 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.
