#66b0dd hex color

In a RGB color space, hex #66b0dd is composed of 40% red, 69% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 20.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 202.7 degrees, a saturation of 63.6% and a lightness of 63.3%. #66b0dd color hex could be obtained by blending #ccffff with #0061bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 69
- B 87
RGB color chart
- C 54
- M 20
- Y 0
- K 13
CMYK color chart

● #66b0dd color description : Soft blue.

The hexadecimal color #66b0dd has RGB values of R:102, G:176, B:221 and CMYK values of C:0.54, M:0.2, Y:0, K:0.13. Its decimal value is 6729949.

Hex triplet	66b0dd	`#66b0dd`
RGB Decimal	102, 176, 221	`rgb(102,176,221)`
RGB Percent	40, 69, 86.7	`rgb(40%,69%,86.7%)`
CMYK	54, 20, 0, 13
HSL	202.7°, 63.6, 63.3	`hsl(202.7,63.6%,63.3%)`
HSV (or HSB)	202.7°, 53.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.819, -10.48, -29.723
XYZ	34.053, 39.094, 74.154
xyY	0.231, 0.265, 39.094
CIE-LCH	68.819, 31.517, 250.578
CIE-LUV	68.819, -32.427, -45.561
Hunter-Lab	62.525, -12.203, -26.55
Binary	01100110, 10110000, 11011101

#66b0dd
```
#66b0dd rgb(102,176,221)
```
#dd9366
```
#dd9366 rgb(221,147,102)
```

Complementary Color

#66ddcf
```
#66ddcf rgb(102,221,207)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#6675dd
```
#6675dd rgb(102,117,221)
```

Analogous Color

#ddcf66
```
#ddcf66 rgb(221,207,102)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#dd6675
```
#dd6675 rgb(221,102,117)
```

Split Complementary Color

#b0dd66
```
#b0dd66 rgb(176,221,102)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#dd66b0
```
#dd66b0 rgb(221,102,176)
```

Triadic Color

#66dd93
```
#66dd93 rgb(102,221,147)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#dd66b0
```
#dd66b0 rgb(221,102,176)
```
#dd9366
```
#dd9366 rgb(221,147,102)
```

Tetradic Color

#2d8eca
```
#2d8eca rgb(45,142,202)
```
#3c9ad4
```
#3c9ad4 rgb(60,154,212)
```
#51a5d8
```
#51a5d8 rgb(81,165,216)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#7bbbe2
```
#7bbbe2 rgb(123,187,226)
```
#90c6e6
```
#90c6e6 rgb(144,198,230)
```
#a5d0eb
```
#a5d0eb rgb(165,208,235)
```

Monochromatic Color

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

#66cedd
```
#66cedd rgb(102,206,221)
```
#66c4dd
```
#66c4dd rgb(102,196,221)
```
#66badd
```
#66badd rgb(102,186,221)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#66a6dd
```
#66a6dd rgb(102,166,221)
```
#669cdd
```
#669cdd rgb(102,156,221)
```
#6692dd
```
#6692dd rgb(102,146,221)
```

Similar Colors

Text with hexadecimal color #66b0dd

This text has a font color of #66b0dd.

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

#66b0dd background color

This paragraph has a background color of #66b0dd.

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

#66b0dd border color

This element has a border color of #66b0dd.

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

CSS codes

.text {color:#66b0dd;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#051118
```
#051118 rgb(5,17,24)
```
#091c28
```
#091c28 rgb(9,28,40)
```
#0c2738
```
#0c2738 rgb(12,39,56)
```
#103348
```
#103348 rgb(16,51,72)
```
#133e58
```
#133e58 rgb(19,62,88)
```
#174968
```
#174968 rgb(23,73,104)
```
#1b5578
```
#1b5578 rgb(27,85,120)
```
#1e6088
```
#1e6088 rgb(30,96,136)
```
#226b98
```
#226b98 rgb(34,107,152)
```
#2577a8
```
#2577a8 rgb(37,119,168)
```
#2982b8
```
#2982b8 rgb(41,130,184)
```
#2c8dc8
```
#2c8dc8 rgb(44,141,200)
```

Shade Color Variation

#3697d2
```
#3697d2 rgb(54,151,210)
```
#469fd6
```
#469fd6 rgb(70,159,214)
```
#56a8d9
```
#56a8d9 rgb(86,168,217)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#76b8e1
```
#76b8e1 rgb(118,184,225)
```
#86c1e4
```
#86c1e4 rgb(134,193,228)
```
#96c9e8
```
#96c9e8 rgb(150,201,232)
```
#a6d1eb
```
#a6d1eb rgb(166,209,235)
```
#b6d9ef
```
#b6d9ef rgb(182,217,239)
```
#c6e2f2
```
#c6e2f2 rgb(198,226,242)
```
#d6eaf6
```
#d6eaf6 rgb(214,234,246)
```
#e6f2fa
```
#e6f2fa rgb(230,242,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#a0a2a3
```
#a0a2a3 rgb(160,162,163)
```
#98a4ab
```
#98a4ab rgb(152,164,171)
```
#91a5b2
```
#91a5b2 rgb(145,165,178)
```
#8aa7b9
```
#8aa7b9 rgb(138,167,185)
```
#83a9c0
```
#83a9c0 rgb(131,169,192)
```
#7cabc7
```
#7cabc7 rgb(124,171,199)
```
#74accf
```
#74accf rgb(116,172,207)
```
#6daed6
```
#6daed6 rgb(109,174,214)
```
#66b0dd
```
#66b0dd rgb(102,176,221)
```
#5fb2e4
```
#5fb2e4 rgb(95,178,228)
```
#58b4eb
```
#58b4eb rgb(88,180,235)
```
#50b5f3
```
#50b5f3 rgb(80,181,243)
```
#49b7fa
```
#49b7fa rgb(73,183,250)
```

Tone Color Variation

Below, you can see how #66b0dd 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
#94a2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faad8 Protanopia 1% of men
#9caae2 Deuteranopia 1% of men
#62b8c6 Tritanopia 0.001% of the population

Trichromacy

#8aacda Protanomaly 1% of men, 0.01% of women
#88ace0 Deuteranomaly 6% of men, 0.4% of women
#63b5ce Tritanomaly 0.01% of the population

#66b0dd hex color

#66b0dd Color Information

#66b0dd Color Conversion

Color Schemes with #66b0dd

Alternatives to #66b0dd

#66b0dd Preview

Shades and Tints of #66b0dd

Tones of #66b0dd

Color Blindness Simulator