#66d7f0 hex color

In a RGB color space, hex #66d7f0 is composed of 40% red, 84.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 10.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 190.9 degrees, a saturation of 82.1% and a lightness of 67.1%. #66d7f0 color hex could be obtained by blending #ccffff with #00afe1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 84
- B 94
RGB color chart
- C 58
- M 10
- Y 0
- K 6
CMYK color chart

● #66d7f0 color description : Soft cyan.

The hexadecimal color #66d7f0 has RGB values of R:102, G:215, B:240 and CMYK values of C:0.58, M:0.1, Y:0, K:0.06. Its decimal value is 6739952.

Hex triplet	66d7f0	`#66d7f0`
RGB Decimal	102, 215, 240	`rgb(102,215,240)`
RGB Percent	40, 84.3, 94.1	`rgb(40%,84.3%,94.1%)`
CMYK	58, 10, 0, 6
HSL	190.9°, 82.1, 67.1	`hsl(190.9,82.1%,67.1%)`
HSV (or HSB)	190.9°, 57.5, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.579, -25.143, -21.994
XYZ	45.504, 57.714, 91.175
xyY	0.234, 0.297, 57.714
CIE-LCH	80.579, 33.406, 221.179
CIE-LUV	80.579, -46.307, -31.328
Hunter-Lab	75.969, -26.029, -17.979
Binary	01100110, 11010111, 11110000

#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#f07f66
```
#f07f66 rgb(240,127,102)
```

Complementary Color

#66f0c4
```
#66f0c4 rgb(102,240,196)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#6692f0
```
#6692f0 rgb(102,146,240)
```

Analogous Color

#f0c466
```
#f0c466 rgb(240,196,102)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#f06692
```
#f06692 rgb(240,102,146)
```

Split Complementary Color

#d7f066
```
#d7f066 rgb(215,240,102)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#f066d7
```
#f066d7 rgb(240,102,215)
```

Triadic Color

#66f07f
```
#66f07f rgb(102,240,127)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#f066d7
```
#f066d7 rgb(240,102,215)
```
#f07f66
```
#f07f66 rgb(240,127,102)
```

Tetradic Color

#20c5e9
```
#20c5e9 rgb(32,197,233)
```
#38cbeb
```
#38cbeb rgb(56,203,235)
```
#4fd1ee
```
#4fd1ee rgb(79,209,238)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#7dddf2
```
#7dddf2 rgb(125,221,242)
```
#94e3f5
```
#94e3f5 rgb(148,227,245)
```
#ace9f7
```
#ace9f7 rgb(172,233,247)
```

Monochromatic Color

Below, you can see some colors close to #66d7f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#66f0e7
```
#66f0e7 rgb(102,240,231)
```
#66eef0
```
#66eef0 rgb(102,238,240)
```
#66e3f0
```
#66e3f0 rgb(102,227,240)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#66ccf0
```
#66ccf0 rgb(102,204,240)
```
#66c0f0
```
#66c0f0 rgb(102,192,240)
```
#66b5f0
```
#66b5f0 rgb(102,181,240)
```

Similar Colors

Text with hexadecimal color #66d7f0

This text has a font color of #66d7f0.

<span style="color:#66d7f0;">Text here</span>

#66d7f0 background color

This paragraph has a background color of #66d7f0.

<p style="background-color:#66d7f0;">Content here</p>

#66d7f0 border color

This element has a border color of #66d7f0.

<div style="border:1px solid #66d7f0;">Content here</div>

CSS codes

.text {color:#66d7f0;}

.background {background-color:#66d7f0;}

.border {border:1px solid #66d7f0;}

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, #010708 is the darkest color, while #f5fcfe is the lightest one.

#010708
```
#010708 rgb(1,7,8)
```
#03151a
```
#03151a rgb(3,21,26)
```
#04242c
```
#04242c rgb(4,36,44)
```
#06333d
```
#06333d rgb(6,51,61)
```
#08424f
```
#08424f rgb(8,66,79)
```
#0a5161
```
#0a5161 rgb(10,81,97)
```
#0b6073
```
#0b6073 rgb(11,96,115)
```
#0d6f85
```
#0d6f85 rgb(13,111,133)
```
#0f7e97
```
#0f7e97 rgb(15,126,151)
```
#118da9
```
#118da9 rgb(17,141,169)
```
#129cba
```
#129cba rgb(18,156,186)
```
#14abcc
```
#14abcc rgb(20,171,204)
```
#16bade
```
#16bade rgb(22,186,222)
```

Shade Color Variation

#1fc4e9
```
#1fc4e9 rgb(31,196,233)
```
#30c9eb
```
#30c9eb rgb(48,201,235)
```
#42ceec
```
#42ceec rgb(66,206,236)
```
#54d2ee
```
#54d2ee rgb(84,210,238)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#78dcf2
```
#78dcf2 rgb(120,220,242)
```
#8ae0f4
```
#8ae0f4 rgb(138,224,244)
```
#9ce5f5
```
#9ce5f5 rgb(156,229,245)
```
#adeaf7
```
#adeaf7 rgb(173,234,247)
```
#bfeef9
```
#bfeef9 rgb(191,238,249)
```
#d1f3fb
```
#d1f3fb rgb(209,243,251)
```
#e3f8fc
```
#e3f8fc rgb(227,248,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7aeaf is the less saturated color, while #59dffd is the most saturated one.

#a7aeaf
```
#a7aeaf rgb(167,174,175)
```
#a0b2b6
```
#a0b2b6 rgb(160,178,182)
```
#9ab6bc
```
#9ab6bc rgb(154,182,188)
```
#93bac3
```
#93bac3 rgb(147,186,195)
```
#8dbec9
```
#8dbec9 rgb(141,190,201)
```
#86c2d0
```
#86c2d0 rgb(134,194,208)
```
#80c7d6
```
#80c7d6 rgb(128,199,214)
```
#79cbdd
```
#79cbdd rgb(121,203,221)
```
#73cfe3
```
#73cfe3 rgb(115,207,227)
```
#6cd3ea
```
#6cd3ea rgb(108,211,234)
```
#66d7f0
```
#66d7f0 rgb(102,215,240)
```
#60dbf6
```
#60dbf6 rgb(96,219,246)
```
#59dffd
```
#59dffd rgb(89,223,253)
```

Tone Color Variation

Below, you can see how #66d7f0 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.

Monochromacy

#b8b8b8 Achromatopsia 0.005% of the population
#a8bec3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c9e7 Protanopia 1% of men
#c5c7f7 Deuteranopia 1% of men
#6adaea Tritanopia 0.001% of the population

Trichromacy

#a2ceea Protanomaly 1% of men, 0.01% of women
#a2ccf4 Deuteranomaly 6% of men, 0.4% of women
#68d9ec Tritanomaly 0.01% of the population

#66d7f0 hex color

#66d7f0 Color Information

#66d7f0 Color Conversion

Color Schemes with #66d7f0

Alternatives to #66d7f0

#66d7f0 Preview

Shades and Tints of #66d7f0

Tones of #66d7f0

Color Blindness Simulator