#66bafb hex color

In a RGB color space, hex #66bafb is composed of 40% red, 72.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 25.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.2 degrees, a saturation of 94.9% and a lightness of 69.2%. #66bafb color hex could be obtained by blending #ccffff with #0075f7. Closest websafe color is: #66ccff.

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

● #66bafb color description : Soft blue.

The hexadecimal color #66bafb has RGB values of R:102, G:186, B:251 and CMYK values of C:0.59, M:0.26, Y:0, K:0.02. Its decimal value is 6732539.

Hex triplet	66bafb	`#66bafb`
RGB Decimal	102, 186, 251	`rgb(102,186,251)`
RGB Percent	40, 72.9, 98.4	`rgb(40%,72.9%,98.4%)`
CMYK	59, 26, 0, 2
HSL	206.2°, 94.9, 69.2	`hsl(206.2,94.9%,69.2%)`
HSV (or HSB)	206.2°, 59.4, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.829, -6.8, -39.814
XYZ	40.447, 44.905, 97.798
xyY	0.221, 0.245, 44.905
CIE-LCH	72.829, 40.391, 260.307
CIE-LUV	72.829, -35.261, -63.591
Hunter-Lab	67.011, -9.53, -39.621
Binary	01100110, 10111010, 11111011

#66bafb
```
#66bafb rgb(102,186,251)
```
#fba766
```
#fba766 rgb(251,167,102)
```

Complementary Color

#66fbf2
```
#66fbf2 rgb(102,251,242)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#6670fb
```
#6670fb rgb(102,112,251)
```

Analogous Color

#fbf266
```
#fbf266 rgb(251,242,102)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#fb6670
```
#fb6670 rgb(251,102,112)
```

Split Complementary Color

#bafb66
```
#bafb66 rgb(186,251,102)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#fb66ba
```
#fb66ba rgb(251,102,186)
```

Triadic Color

#66fba7
```
#66fba7 rgb(102,251,167)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#fb66ba
```
#fb66ba rgb(251,102,186)
```
#fba766
```
#fba766 rgb(251,167,102)
```

Tetradic Color

#1b98f9
```
#1b98f9 rgb(27,152,249)
```
#34a4fa
```
#34a4fa rgb(52,164,250)
```
#4daffa
```
#4daffa rgb(77,175,250)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#7fc5fc
```
#7fc5fc rgb(127,197,252)
```
#98d0fc
```
#98d0fc rgb(152,208,252)
```
#b1dcfd
```
#b1dcfd rgb(177,220,253)
```

Monochromatic Color

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

#66dffb
```
#66dffb rgb(102,223,251)
```
#66d3fb
```
#66d3fb rgb(102,211,251)
```
#66c6fb
```
#66c6fb rgb(102,198,251)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#66aefb
```
#66aefb rgb(102,174,251)
```
#66a1fb
```
#66a1fb rgb(102,161,251)
```
#6695fb
```
#6695fb rgb(102,149,251)
```

Similar Colors

Text with hexadecimal color #66bafb

This text has a font color of #66bafb.

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

#66bafb background color

This paragraph has a background color of #66bafb.

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

#66bafb border color

This element has a border color of #66bafb.

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

CSS codes

.text {color:#66bafb;}

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

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

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, #000b13 is the darkest color, while #ffffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#011626
```
#011626 rgb(1,22,38)
```
#012139
```
#012139 rgb(1,33,57)
```
#022c4c
```
#022c4c rgb(2,44,76)
```
#023760
```
#023760 rgb(2,55,96)
```
#034273
```
#034273 rgb(3,66,115)
```
#034d86
```
#034d86 rgb(3,77,134)
```
#045899
```
#045899 rgb(4,88,153)
```
#0463ac
```
#0463ac rgb(4,99,172)
```
#056ebf
```
#056ebf rgb(5,110,191)
```
#0579d2
```
#0579d2 rgb(5,121,210)
```
#0684e5
```
#0684e5 rgb(6,132,229)
```
#068ff8
```
#068ff8 rgb(6,143,248)
```

Shade Color Variation

#1a98f9
```
#1a98f9 rgb(26,152,249)
```
#2da0fa
```
#2da0fa rgb(45,160,250)
```
#40a9fa
```
#40a9fa rgb(64,169,250)
```
#53b1fb
```
#53b1fb rgb(83,177,251)
```
#66bafb
```
#66bafb rgb(102,186,251)
```
#79c3fb
```
#79c3fb rgb(121,195,251)
```
#8ccbfc
```
#8ccbfc rgb(140,203,252)
```
#9fd4fc
```
#9fd4fc rgb(159,212,252)
```
#b2dcfd
```
#b2dcfd rgb(178,220,253)
```
#c6e5fd
```
#c6e5fd rgb(198,229,253)
```
#d9eefe
```
#d9eefe rgb(217,238,254)
```
#ecf6fe
```
#ecf6fe rgb(236,246,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aeb1b3
```
#aeb1b3 rgb(174,177,179)
```
#a8b2b9
```
#a8b2b9 rgb(168,178,185)
```
#a2b2bf
```
#a2b2bf rgb(162,178,191)
```
#9cb3c5
```
#9cb3c5 rgb(156,179,197)
```
#96b4cb
```
#96b4cb rgb(150,180,203)
```
#90b5d1
```
#90b5d1 rgb(144,181,209)
```
#8ab5d7
```
#8ab5d7 rgb(138,181,215)
```
#84b6dd
```
#84b6dd rgb(132,182,221)
```
#7eb7e3
```
#7eb7e3 rgb(126,183,227)
```
#78b8e9
```
#78b8e9 rgb(120,184,233)
```
#72b8ef
```
#72b8ef rgb(114,184,239)
```
#6cb9f5
```
#6cb9f5 rgb(108,185,245)
```
#66bafb
```
#66bafb rgb(102,186,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9bacb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f4 Protanopia 1% of men
#98b5fe Deuteranopia 1% of men
#57c5d3 Tritanopia 0.001% of the population

Trichromacy

#8cb6f7 Protanomaly 1% of men, 0.01% of women
#86b7fd Deuteranomaly 6% of men, 0.4% of women
#5cc1e2 Tritanomaly 0.01% of the population

#66bafb hex color

#66bafb Color Information

#66bafb Color Conversion

Color Schemes with #66bafb

Alternatives to #66bafb

#66bafb Preview

Shades and Tints of #66bafb

Tones of #66bafb

Color Blindness Simulator