#66e0f2 hex color

In a RGB color space, hex #66e0f2 is composed of 40% red, 87.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 7.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 187.7 degrees, a saturation of 84.3% and a lightness of 67.5%. #66e0f2 color hex could be obtained by blending #ccffff with #00c1e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 88
- B 95
RGB color chart
- C 58
- M 7
- Y 0
- K 5
CMYK color chart

● #66e0f2 color description : Soft cyan.

The hexadecimal color #66e0f2 has RGB values of R:102, G:224, B:242 and CMYK values of C:0.58, M:0.07, Y:0, K:0.05. Its decimal value is 6742258.

Hex triplet	66e0f2	`#66e0f2`
RGB Decimal	102, 224, 242	`rgb(102,224,242)`
RGB Percent	40, 87.8, 94.9	`rgb(40%,87.8%,94.9%)`
CMYK	58, 7, 0, 5
HSL	187.7°, 84.3, 67.5	`hsl(187.7,84.3%,67.5%)`
HSV (or HSB)	187.7°, 57.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.201, -28.985, -19.085
XYZ	48.158, 62.543, 93.534
xyY	0.236, 0.306, 62.543
CIE-LCH	83.201, 34.704, 213.363
CIE-LUV	83.201, -49.529, -25.996
Hunter-Lab	79.084, -29.701, -14.764
Binary	01100110, 11100000, 11110010

#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#f27866
```
#f27866 rgb(242,120,102)
```

Complementary Color

#66f2be
```
#66f2be rgb(102,242,190)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#669af2
```
#669af2 rgb(102,154,242)
```

Analogous Color

#f2be66
```
#f2be66 rgb(242,190,102)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#f2669a
```
#f2669a rgb(242,102,154)
```

Split Complementary Color

#e0f266
```
#e0f266 rgb(224,242,102)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#f266e0
```
#f266e0 rgb(242,102,224)
```

Triadic Color

#66f278
```
#66f278 rgb(102,242,120)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#f266e0
```
#f266e0 rgb(242,102,224)
```
#f27866
```
#f27866 rgb(242,120,102)
```

Tetradic Color

#1fd2ec
```
#1fd2ec rgb(31,210,236)
```
#37d6ee
```
#37d6ee rgb(55,214,238)
```
#4edbf0
```
#4edbf0 rgb(78,219,240)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#7ee5f4
```
#7ee5f4 rgb(126,229,244)
```
#95eaf6
```
#95eaf6 rgb(149,234,246)
```
#adeef8
```
#adeef8 rgb(173,238,248)
```

Monochromatic Color

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

#66f2e1
```
#66f2e1 rgb(102,242,225)
```
#66f2ed
```
#66f2ed rgb(102,242,237)
```
#66ecf2
```
#66ecf2 rgb(102,236,242)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#66d4f2
```
#66d4f2 rgb(102,212,242)
```
#66c9f2
```
#66c9f2 rgb(102,201,242)
```
#66bdf2
```
#66bdf2 rgb(102,189,242)
```

Similar Colors

Text with hexadecimal color #66e0f2

This text has a font color of #66e0f2.

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

#66e0f2 background color

This paragraph has a background color of #66e0f2.

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

#66e0f2 border color

This element has a border color of #66e0f2.

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

CSS codes

.text {color:#66e0f2;}

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

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

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, #01090a is the darkest color, while #f7fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#02191c
```
#02191c rgb(2,25,28)
```
#04282e
```
#04282e rgb(4,40,46)
```
#053840
```
#053840 rgb(5,56,64)
```
#074852
```
#074852 rgb(7,72,82)
```
#095864
```
#095864 rgb(9,88,100)
```
#0a6876
```
#0a6876 rgb(10,104,118)
```
#0c7888
```
#0c7888 rgb(12,120,136)
```
#0d889a
```
#0d889a rgb(13,136,154)
```
#0f98ac
```
#0f98ac rgb(15,152,172)
```
#10a8bf
```
#10a8bf rgb(16,168,191)
```
#12b8d1
```
#12b8d1 rgb(18,184,209)
```
#13c8e3
```
#13c8e3 rgb(19,200,227)
```

Shade Color Variation

#1ed1ec
```
#1ed1ec rgb(30,209,236)
```
#30d5ed
```
#30d5ed rgb(48,213,237)
```
#42d9ef
```
#42d9ef rgb(66,217,239)
```
#54dcf0
```
#54dcf0 rgb(84,220,240)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#78e4f4
```
#78e4f4 rgb(120,228,244)
```
#8ae7f5
```
#8ae7f5 rgb(138,231,245)
```
#9cebf7
```
#9cebf7 rgb(156,235,247)
```
#aeeff8
```
#aeeff8 rgb(174,239,248)
```
#c0f2fa
```
#c0f2fa rgb(192,242,250)
```
#d2f6fb
```
#d2f6fb rgb(210,246,251)
```
#e5fafd
```
#e5fafd rgb(229,250,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#a6b1b2
```
#a6b1b2 rgb(166,177,178)
```
#9fb5b9
```
#9fb5b9 rgb(159,181,185)
```
#99babf
```
#99babf rgb(153,186,191)
```
#93bfc5
```
#93bfc5 rgb(147,191,197)
```
#8cc4cc
```
#8cc4cc rgb(140,196,204)
```
#86c8d2
```
#86c8d2 rgb(134,200,210)
```
#80cdd8
```
#80cdd8 rgb(128,205,216)
```
#79d2df
```
#79d2df rgb(121,210,223)
```
#73d7e5
```
#73d7e5 rgb(115,215,229)
```
#6cdbec
```
#6cdbec rgb(108,219,236)
```
#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#60e5f8
```
#60e5f8 rgb(96,229,248)
```
#59e9ff
```
#59e9ff rgb(89,233,255)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#acc5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced0e8 Protanopia 1% of men
#cfcdfa Deuteranopia 1% of men
#6de1f2 Tritanopia 0.001% of the population

Trichromacy

#a8d5eb Protanomaly 1% of men, 0.01% of women
#a9d4f7 Deuteranomaly 6% of men, 0.4% of women
#6ae1f2 Tritanomaly 0.01% of the population

#66e0f2 hex color

#66e0f2 Color Information

#66e0f2 Color Conversion

Color Schemes with #66e0f2

Alternatives to #66e0f2

#66e0f2 Preview

Shades and Tints of #66e0f2

Tones of #66e0f2

Color Blindness Simulator