colorhexa.com

#66bdfe hex color

In a RGB color space, hex #66bdfe is composed of 40% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.7 degrees, a saturation of 98.7% and a lightness of 69.8%. #66bdfe color hex could be obtained by blending #ccffff with #007bfd. Closest websafe color is: #66ccff.

- R 40
- G 74
- B 100
RGB color chart
- C 60
- M 26
- Y 0
- K 0
CMYK color chart

● #66bdfe color description : Soft blue.

The hexadecimal color #66bdfe has RGB values of R:102, G:189, B:254 and CMYK values of C:0.6, M:0.26, Y:0, K:0. Its decimal value is 6733310.

Hex triplet	66bdfe	`#66bdfe`
RGB Decimal	102, 189, 254	`rgb(102,189,254)`
RGB Percent	40, 74.1, 99.6	`rgb(40%,74.1%,99.6%)`
CMYK	60, 26, 0, 0
HSL	205.7°, 98.7, 69.8	`hsl(205.7,98.7%,69.8%)`
HSV (or HSB)	205.7°, 59.8, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.787, -7.502, -39.938
XYZ	41.562, 46.373, 100.521
xyY	0.221, 0.246, 46.373
CIE-LCH	73.787, 40.637, 259.361
CIE-LUV	73.787, -36.248, -63.825
Hunter-Lab	68.098, -10.227, -39.851
Binary	01100110, 10111101, 11111110

#66bdfe
```
#66bdfe rgb(102,189,254)
```
#fea766
```
#fea766 rgb(254,167,102)
```

Complementary Color

#66fef3
```
#66fef3 rgb(102,254,243)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#6671fe
```
#6671fe rgb(102,113,254)
```

Analogous Color

#fef366
```
#fef366 rgb(254,243,102)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#fe6671
```
#fe6671 rgb(254,102,113)
```

Split Complementary Color

#bdfe66
```
#bdfe66 rgb(189,254,102)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#fe66bd
```
#fe66bd rgb(254,102,189)
```

Triadic Color

#66fea7
```
#66fea7 rgb(102,254,167)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#fe66bd
```
#fe66bd rgb(254,102,189)
```
#fea766
```
#fea766 rgb(254,167,102)
```

Tetradic Color

#1a9cfe
```
#1a9cfe rgb(26,156,254)
```
#33a7fe
```
#33a7fe rgb(51,167,254)
```
#4db2fe
```
#4db2fe rgb(77,178,254)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#7fc8fe
```
#7fc8fe rgb(127,200,254)
```
#99d3fe
```
#99d3fe rgb(153,211,254)
```
#b2defe
```
#b2defe rgb(178,222,254)
```

Monochromatic Color

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

#66e3fe
```
#66e3fe rgb(102,227,254)
```
#66d6fe
```
#66d6fe rgb(102,214,254)
```
#66cafe
```
#66cafe rgb(102,202,254)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#66b0fe
```
#66b0fe rgb(102,176,254)
```
#66a4fe
```
#66a4fe rgb(102,164,254)
```
#6697fe
```
#6697fe rgb(102,151,254)
```

Similar Colors

Text with hexadecimal color #66bdfe

This text has a font color of #66bdfe.

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

#66bdfe background color

This paragraph has a background color of #66bdfe.

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

#66bdfe border color

This element has a border color of #66bdfe.

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

CSS codes

.text {color:#66bdfe;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000d16
```
#000d16 rgb(0,13,22)
```
#00182a
```
#00182a rgb(0,24,42)
```
#00233d
```
#00233d rgb(0,35,61)
```
#012f51
```
#012f51 rgb(1,47,81)
```
#013a64
```
#013a64 rgb(1,58,100)
```
#014578
```
#014578 rgb(1,69,120)
```
#01508b
```
#01508b rgb(1,80,139)
```
#015b9f
```
#015b9f rgb(1,91,159)
```
#0167b2
```
#0167b2 rgb(1,103,178)
```
#0172c6
```
#0172c6 rgb(1,114,198)
```
#017dd9
```
#017dd9 rgb(1,125,217)
```
#0288ed
```
#0288ed rgb(2,136,237)
```

Shade Color Variation

#0593fd
```
#0593fd rgb(5,147,253)
```
#189bfd
```
#189bfd rgb(24,155,253)
```
#2ca4fe
```
#2ca4fe rgb(44,164,254)
```
#3facfe
```
#3facfe rgb(63,172,254)
```
#53b5fe
```
#53b5fe rgb(83,181,254)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```
#79c5fe
```
#79c5fe rgb(121,197,254)
```
#8dcefe
```
#8dcefe rgb(141,206,254)
```
#a0d6fe
```
#a0d6fe rgb(160,214,254)
```
#b4dfff
```
#b4dfff rgb(180,223,255)
```
#c7e7ff
```
#c7e7ff rgb(199,231,255)
```
#dbefff
```
#dbefff rgb(219,239,255)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

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

#adb3b7
```
#adb3b7 rgb(173,179,183)
```
#a7b4bd
```
#a7b4bd rgb(167,180,189)
```
#a1b4c3
```
#a1b4c3 rgb(161,180,195)
```
#9bb5c9
```
#9bb5c9 rgb(155,181,201)
```
#95b6cf
```
#95b6cf rgb(149,182,207)
```
#8fb7d5
```
#8fb7d5 rgb(143,183,213)
```
#8ab8da
```
#8ab8da rgb(138,184,218)
```
#84b9e0
```
#84b9e0 rgb(132,185,224)
```
#7ebae6
```
#7ebae6 rgb(126,186,230)
```
#78baec
```
#78baec rgb(120,186,236)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#6cbcf8
```
#6cbcf8 rgb(108,188,248)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9caebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b6f7 Protanopia 1% of men
#9cb7ff Deuteranopia 1% of men
#56c8d6 Tritanopia 0.001% of the population

Trichromacy

#8db9f9 Protanomaly 1% of men, 0.01% of women
#88b9fe Deuteranomaly 6% of men, 0.4% of women
#5cc4e5 Tritanomaly 0.01% of the population