#66aafa hex color

In a RGB color space, hex #66aafa is composed of 40% red, 66.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 32% magenta, 0% yellow and 2% black. It has a hue angle of 212.4 degrees, a saturation of 93.7% and a lightness of 69%. #66aafa color hex could be obtained by blending #ccffff with #0055f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 67
- B 98
RGB color chart
- C 59
- M 32
- Y 0
- K 2
CMYK color chart

● #66aafa color description : Soft blue.

The hexadecimal color #66aafa has RGB values of R:102, G:170, B:250 and CMYK values of C:0.59, M:0.32, Y:0, K:0.02. Its decimal value is 6728442.

Hex triplet	66aafa	`#66aafa`
RGB Decimal	102, 170, 250	`rgb(102,170,250)`
RGB Percent	40, 66.7, 98	`rgb(40%,66.7%,98%)`
CMYK	59, 32, 0, 2
HSL	212.4°, 93.7, 69	`hsl(212.4,93.7%,69%)`
HSV (or HSB)	212.4°, 59.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.369, 1.772, -46.254
XYZ	37.106, 38.474, 95.908
xyY	0.216, 0.224, 38.474
CIE-LCH	68.369, 46.288, 272.194
CIE-LUV	68.369, -29.58, -75.035
Hunter-Lab	62.027, -1.767, -48.256
Binary	01100110, 10101010, 11111010

#66aafa
```
#66aafa rgb(102,170,250)
```
#fab666
```
#fab666 rgb(250,182,102)
```

Complementary Color

#66f4fa
```
#66f4fa rgb(102,244,250)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#6c66fa
```
#6c66fa rgb(108,102,250)
```

Analogous Color

#f4fa66
```
#f4fa66 rgb(244,250,102)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#fa6c66
```
#fa6c66 rgb(250,108,102)
```

Split Complementary Color

#aafa66
```
#aafa66 rgb(170,250,102)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#fa66aa
```
#fa66aa rgb(250,102,170)
```

Triadic Color

#66fab6
```
#66fab6 rgb(102,250,182)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#fa66aa
```
#fa66aa rgb(250,102,170)
```
#fab666
```
#fab666 rgb(250,182,102)
```

Tetradic Color

#1c81f8
```
#1c81f8 rgb(28,129,248)
```
#358ff8
```
#358ff8 rgb(53,143,248)
```
#4d9cf9
```
#4d9cf9 rgb(77,156,249)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#7fb8fb
```
#7fb8fb rgb(127,184,251)
```
#97c5fc
```
#97c5fc rgb(151,197,252)
```
#b0d3fc
```
#b0d3fc rgb(176,211,252)
```

Monochromatic Color

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

#66cffa
```
#66cffa rgb(102,207,250)
```
#66c3fa
```
#66c3fa rgb(102,195,250)
```
#66b6fa
```
#66b6fa rgb(102,182,250)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#669efa
```
#669efa rgb(102,158,250)
```
#6691fa
```
#6691fa rgb(102,145,250)
```
#6685fa
```
#6685fa rgb(102,133,250)
```

Similar Colors

Text with hexadecimal color #66aafa

This text has a font color of #66aafa.

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

#66aafa background color

This paragraph has a background color of #66aafa.

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

#66aafa border color

This element has a border color of #66aafa.

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

CSS codes

.text {color:#66aafa;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#021b38
```
#021b38 rgb(2,27,56)
```
#02244b
```
#02244b rgb(2,36,75)
```
#032d5e
```
#032d5e rgb(3,45,94)
```
#043671
```
#043671 rgb(4,54,113)
```
#043f84
```
#043f84 rgb(4,63,132)
```
#054897
```
#054897 rgb(5,72,151)
```
#0651aa
```
#0651aa rgb(6,81,170)
```
#065abd
```
#065abd rgb(6,90,189)
```
#0763d0
```
#0763d0 rgb(7,99,208)
```
#076ce3
```
#076ce3 rgb(7,108,227)
```
#0875f6
```
#0875f6 rgb(8,117,246)
```

Shade Color Variation

#1a80f8
```
#1a80f8 rgb(26,128,248)
```
#2d8af8
```
#2d8af8 rgb(45,138,248)
```
#4095f9
```
#4095f9 rgb(64,149,249)
```
#539ff9
```
#539ff9 rgb(83,159,249)
```
#66aafa
```
#66aafa rgb(102,170,250)
```
#79b5fb
```
#79b5fb rgb(121,181,251)
```
#8cbffb
```
#8cbffb rgb(140,191,251)
```
#9fcafc
```
#9fcafc rgb(159,202,252)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#c5dffd
```
#c5dffd rgb(197,223,253)
```
#d8e9fe
```
#d8e9fe rgb(216,233,254)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#afb0b1
```
#afb0b1 rgb(175,176,177)
```
#a9afb7
```
#a9afb7 rgb(169,175,183)
```
#a3afbd
```
#a3afbd rgb(163,175,189)
```
#9daec3
```
#9daec3 rgb(157,174,195)
```
#97aec9
```
#97aec9 rgb(151,174,201)
```
#91adcf
```
#91adcf rgb(145,173,207)
```
#8aadd6
```
#8aadd6 rgb(138,173,214)
```
#84acdc
```
#84acdc rgb(132,172,220)
```
#7eace2
```
#7eace2 rgb(126,172,226)
```
#78abe8
```
#78abe8 rgb(120,171,232)
```
#72abee
```
#72abee rgb(114,171,238)
```
#6caaf4
```
#6caaf4 rgb(108,170,244)
```
#66aafa
```
#66aafa rgb(102,170,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#94a1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea8f6 Protanopia 1% of men
#80aafb Deuteranopia 1% of men
#4fb9c6 Tritanopia 0.001% of the population

Trichromacy

#80a9f7 Protanomaly 1% of men, 0.01% of women
#76aafb Deuteranomaly 6% of men, 0.4% of women
#57b3d9 Tritanomaly 0.01% of the population

#66aafa hex color

#66aafa Color Information

#66aafa Color Conversion

Color Schemes with #66aafa

Alternatives to #66aafa

#66aafa Preview

Shades and Tints of #66aafa

Tones of #66aafa

Color Blindness Simulator