#66a1f0 hex color

In a RGB color space, hex #66a1f0 is composed of 40% red, 63.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 32.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 214.3 degrees, a saturation of 82.1% and a lightness of 67.1%. #66a1f0 color hex could be obtained by blending #ccffff with #0043e1. Closest websafe color is: #6699ff.

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

● #66a1f0 color description : Soft blue.

The hexadecimal color #66a1f0 has RGB values of R:102, G:161, B:240 and CMYK values of C:0.58, M:0.33, Y:0, K:0.06. Its decimal value is 6726128.

Hex triplet	66a1f0	`#66a1f0`
RGB Decimal	102, 161, 240	`rgb(102,161,240)`
RGB Percent	40, 63.1, 94.1	`rgb(40%,63.1%,94.1%)`
CMYK	58, 33, 0, 6
HSL	214.3°, 82.1, 67.1	`hsl(214.3,82.1%,67.1%)`
HSV (or HSB)	214.3°, 57.5, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.439, 3.728, -45.406
XYZ	33.949, 34.604, 87.323
xyY	0.218, 0.222, 34.604
CIE-LCH	65.439, 45.558, 274.694
CIE-LUV	65.439, -26.554, -73.329
Hunter-Lab	58.825, 0.072, -46.836
Binary	01100110, 10100001, 11110000

#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#f0b566
```
#f0b566 rgb(240,181,102)
```

Complementary Color

#66e6f0
```
#66e6f0 rgb(102,230,240)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#7066f0
```
#7066f0 rgb(112,102,240)
```

Analogous Color

#e6f066
```
#e6f066 rgb(230,240,102)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#f07066
```
#f07066 rgb(240,112,102)
```

Split Complementary Color

#a1f066
```
#a1f066 rgb(161,240,102)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#f066a1
```
#f066a1 rgb(240,102,161)
```

Triadic Color

#66f0b5
```
#66f0b5 rgb(102,240,181)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#f066a1
```
#f066a1 rgb(240,102,161)
```
#f0b566
```
#f0b566 rgb(240,181,102)
```

Tetradic Color

#2076e9
```
#2076e9 rgb(32,118,233)
```
#3884eb
```
#3884eb rgb(56,132,235)
```
#4f93ee
```
#4f93ee rgb(79,147,238)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#7daff2
```
#7daff2 rgb(125,175,242)
```
#94bef5
```
#94bef5 rgb(148,190,245)
```
#acccf7
```
#acccf7 rgb(172,204,247)
```

Monochromatic Color

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

#66c4f0
```
#66c4f0 rgb(102,196,240)
```
#66b8f0
```
#66b8f0 rgb(102,184,240)
```
#66adf0
```
#66adf0 rgb(102,173,240)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#6696f0
```
#6696f0 rgb(102,150,240)
```
#668af0
```
#668af0 rgb(102,138,240)
```
#667ff0
```
#667ff0 rgb(102,127,240)
```

Similar Colors

Text with hexadecimal color #66a1f0

This text has a font color of #66a1f0.

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

#66a1f0 background color

This paragraph has a background color of #66a1f0.

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

#66a1f0 border color

This element has a border color of #66a1f0.

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

CSS codes

.text {color:#66a1f0;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030c1a
```
#030c1a rgb(3,12,26)
```
#04152c
```
#04152c rgb(4,21,44)
```
#061e3d
```
#061e3d rgb(6,30,61)
```
#08264f
```
#08264f rgb(8,38,79)
```
#0a2f61
```
#0a2f61 rgb(10,47,97)
```
#0b3873
```
#0b3873 rgb(11,56,115)
```
#0d4085
```
#0d4085 rgb(13,64,133)
```
#0f4997
```
#0f4997 rgb(15,73,151)
```
#1152a9
```
#1152a9 rgb(17,82,169)
```
#125aba
```
#125aba rgb(18,90,186)
```
#1463cc
```
#1463cc rgb(20,99,204)
```
#166bde
```
#166bde rgb(22,107,222)
```

Shade Color Variation

#1f75e9
```
#1f75e9 rgb(31,117,233)
```
#3080eb
```
#3080eb rgb(48,128,235)
```
#428bec
```
#428bec rgb(66,139,236)
```
#5496ee
```
#5496ee rgb(84,150,238)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#78acf2
```
#78acf2 rgb(120,172,242)
```
#8ab7f4
```
#8ab7f4 rgb(138,183,244)
```
#9cc2f5
```
#9cc2f5 rgb(156,194,245)
```
#adcdf7
```
#adcdf7 rgb(173,205,247)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#d1e3fb
```
#d1e3fb rgb(209,227,251)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#a7aaaf
```
#a7aaaf rgb(167,170,175)
```
#a0a9b6
```
#a0a9b6 rgb(160,169,182)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#93a8c3
```
#93a8c3 rgb(147,168,195)
```
#8da7c9
```
#8da7c9 rgb(141,167,201)
```
#86a6d0
```
#86a6d0 rgb(134,166,208)
```
#80a5d6
```
#80a5d6 rgb(128,165,214)
```
#79a4dd
```
#79a4dd rgb(121,164,221)
```
#73a3e3
```
#73a3e3 rgb(115,163,227)
```
#6ca2ea
```
#6ca2ea rgb(108,162,234)
```
#66a1f0
```
#66a1f0 rgb(102,161,240)
```
#60a0f6
```
#60a0f6 rgb(96,160,246)
```
#599ffd
```
#599ffd rgb(89,159,253)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8e9aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a1ed Protanopia 1% of men
#79a3f1 Deuteranopia 1% of men
#52b0bd Tritanopia 0.001% of the population

Trichromacy

#7ba1ee Protanomaly 1% of men, 0.01% of women
#72a2f1 Deuteranomaly 6% of men, 0.4% of women
#59aacf Tritanomaly 0.01% of the population

#66a1f0 hex color

#66a1f0 Color Information

#66a1f0 Color Conversion

Color Schemes with #66a1f0

Alternatives to #66a1f0

#66a1f0 Preview

Shades and Tints of #66a1f0

Tones of #66a1f0

Color Blindness Simulator