#66c0f5 hex color

In a RGB color space, hex #66c0f5 is composed of 40% red, 75.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 21.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 202.2 degrees, a saturation of 87.7% and a lightness of 68%. #66c0f5 color hex could be obtained by blending #ccffff with #0081eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 75
- B 96
RGB color chart
- C 58
- M 22
- Y 0
- K 4
CMYK color chart

● #66c0f5 color description : Soft blue.

The hexadecimal color #66c0f5 has RGB values of R:102, G:192, B:245 and CMYK values of C:0.58, M:0.22, Y:0, K:0.04. Its decimal value is 6734069.

Hex triplet	66c0f5	`#66c0f5`
RGB Decimal	102, 192, 245	`rgb(102,192,245)`
RGB Percent	40, 75.3, 96.1	`rgb(40%,75.3%,96.1%)`
CMYK	58, 22, 0, 4
HSL	202.2°, 87.7, 68	`hsl(202.2,87.7%,68%)`
HSV (or HSB)	202.2°, 58.4, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.263, -11.867, -34.355
XYZ	40.806, 47.114, 93.325
xyY	0.225, 0.26, 47.114
CIE-LCH	74.263, 36.347, 250.944
CIE-LUV	74.263, -37.632, -53.731
Hunter-Lab	68.64, -14, -32.565
Binary	01100110, 11000000, 11110101

#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#f59b66
```
#f59b66 rgb(245,155,102)
```

Complementary Color

#66f5e3
```
#66f5e3 rgb(102,245,227)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#6679f5
```
#6679f5 rgb(102,121,245)
```

Analogous Color

#f5e366
```
#f5e366 rgb(245,227,102)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#f56679
```
#f56679 rgb(245,102,121)
```

Split Complementary Color

#c0f566
```
#c0f566 rgb(192,245,102)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#f566c0
```
#f566c0 rgb(245,102,192)
```

Triadic Color

#66f59b
```
#66f59b rgb(102,245,155)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#f566c0
```
#f566c0 rgb(245,102,192)
```
#f59b66
```
#f59b66 rgb(245,155,102)
```

Tetradic Color

#1ea2f0
```
#1ea2f0 rgb(30,162,240)
```
#36acf2
```
#36acf2 rgb(54,172,242)
```
#4eb6f3
```
#4eb6f3 rgb(78,182,243)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#7ecaf7
```
#7ecaf7 rgb(126,202,247)
```
#96d4f8
```
#96d4f8 rgb(150,212,248)
```
#aedefa
```
#aedefa rgb(174,222,250)
```

Monochromatic Color

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

#66e4f5
```
#66e4f5 rgb(102,228,245)
```
#66d8f5
```
#66d8f5 rgb(102,216,245)
```
#66ccf5
```
#66ccf5 rgb(102,204,245)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#66b4f5
```
#66b4f5 rgb(102,180,245)
```
#66a8f5
```
#66a8f5 rgb(102,168,245)
```
#669cf5
```
#669cf5 rgb(102,156,245)
```

Similar Colors

Text with hexadecimal color #66c0f5

This text has a font color of #66c0f5.

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

#66c0f5 background color

This paragraph has a background color of #66c0f5.

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

#66c0f5 border color

This element has a border color of #66c0f5.

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

CSS codes

.text {color:#66c0f5;}

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

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

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, #01080d is the darkest color, while #f9fdff is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#02141f
```
#02141f rgb(2,20,31)
```
#032032
```
#032032 rgb(3,32,50)
```
#042c44
```
#042c44 rgb(4,44,68)
```
#063856
```
#063856 rgb(6,56,86)
```
#074469
```
#074469 rgb(7,68,105)
```
#08517b
```
#08517b rgb(8,81,123)
```
#095d8e
```
#095d8e rgb(9,93,142)
```
#0a69a0
```
#0a69a0 rgb(10,105,160)
```
#0c75b2
```
#0c75b2 rgb(12,117,178)
```
#0d81c5
```
#0d81c5 rgb(13,129,197)
```
#0e8dd7
```
#0e8dd7 rgb(14,141,215)
```
#0f99ea
```
#0f99ea rgb(15,153,234)
```

Shade Color Variation

#1ca2f0
```
#1ca2f0 rgb(28,162,240)
```
#2fa9f1
```
#2fa9f1 rgb(47,169,241)
```
#41b1f3
```
#41b1f3 rgb(65,177,243)
```
#54b8f4
```
#54b8f4 rgb(84,184,244)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#78c8f6
```
#78c8f6 rgb(120,200,246)
```
#8bcff7
```
#8bcff7 rgb(139,207,247)
```
#9dd7f9
```
#9dd7f9 rgb(157,215,249)
```
#b0defa
```
#b0defa rgb(176,222,250)
```
#c2e6fb
```
#c2e6fb rgb(194,230,251)
```
#d4edfc
```
#d4edfc rgb(212,237,252)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#abaeb0
```
#abaeb0 rgb(171,174,176)
```
#a5b0b6
```
#a5b0b6 rgb(165,176,182)
```
#9eb1bd
```
#9eb1bd rgb(158,177,189)
```
#98b3c3
```
#98b3c3 rgb(152,179,195)
```
#92b5c9
```
#92b5c9 rgb(146,181,201)
```
#8cb6cf
```
#8cb6cf rgb(140,182,207)
```
#85b8d6
```
#85b8d6 rgb(133,184,214)
```
#7fbadc
```
#7fbadc rgb(127,186,220)
```
#79bbe2
```
#79bbe2 rgb(121,187,226)
```
#73bde8
```
#73bde8 rgb(115,189,232)
```
#6cbeef
```
#6cbeef rgb(108,190,239)
```
#66c0f5
```
#66c0f5 rgb(102,192,245)
```
#60c2fb
```
#60c2fb rgb(96,194,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9dafba Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab8ee Protanopia 1% of men
#a4b8f9 Deuteranopia 1% of men
#5dc8d7 Tritanopia 0.001% of the population

Trichromacy

#91bbf0 Protanomaly 1% of men, 0.01% of women
#8dbbf8 Deuteranomaly 6% of men, 0.4% of women
#60c5e2 Tritanomaly 0.01% of the population

#66c0f5 hex color

#66c0f5 Color Information

#66c0f5 Color Conversion

Color Schemes with #66c0f5

Alternatives to #66c0f5

#66c0f5 Preview

Shades and Tints of #66c0f5

Tones of #66c0f5

Color Blindness Simulator