#66b4dd hex color

In a RGB color space, hex #66b4dd is composed of 40% red, 70.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 18.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 200.7 degrees, a saturation of 63.6% and a lightness of 63.3%. #66b4dd color hex could be obtained by blending #ccffff with #0069bb. Closest websafe color is: #66cccc.

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

● #66b4dd color description : Soft blue.

The hexadecimal color #66b4dd has RGB values of R:102, G:180, B:221 and CMYK values of C:0.54, M:0.19, Y:0, K:0.13. Its decimal value is 6730973.

Hex triplet	66b4dd	`#66b4dd`
RGB Decimal	102, 180, 221	`rgb(102,180,221)`
RGB Percent	40, 70.6, 86.7	`rgb(40%,70.6%,86.7%)`
CMYK	54, 19, 0, 13
HSL	200.7°, 63.6, 63.3	`hsl(200.7,63.6%,63.3%)`
HSV (or HSB)	200.7°, 53.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.955, -12.631, -27.974
XYZ	34.849, 40.686, 74.419
xyY	0.232, 0.271, 40.686
CIE-LCH	69.955, 30.694, 245.7
CIE-LUV	69.955, -33.939, -42.443
Hunter-Lab	63.785, -14.102, -24.525
Binary	01100110, 10110100, 11011101

#66b4dd
```
#66b4dd rgb(102,180,221)
```
#dd8f66
```
#dd8f66 rgb(221,143,102)
```

Complementary Color

#66ddcb
```
#66ddcb rgb(102,221,203)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#6679dd
```
#6679dd rgb(102,121,221)
```

Analogous Color

#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#dd6679
```
#dd6679 rgb(221,102,121)
```

Split Complementary Color

#b4dd66
```
#b4dd66 rgb(180,221,102)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#dd66b4
```
#dd66b4 rgb(221,102,180)
```

Triadic Color

#66dd8f
```
#66dd8f rgb(102,221,143)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#dd66b4
```
#dd66b4 rgb(221,102,180)
```
#dd8f66
```
#dd8f66 rgb(221,143,102)
```

Tetradic Color

#2d94ca
```
#2d94ca rgb(45,148,202)
```
#3ca0d4
```
#3ca0d4 rgb(60,160,212)
```
#51aad8
```
#51aad8 rgb(81,170,216)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#7bbee2
```
#7bbee2 rgb(123,190,226)
```
#90c8e6
```
#90c8e6 rgb(144,200,230)
```
#a5d3eb
```
#a5d3eb rgb(165,211,235)
```

Monochromatic Color

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

#66d2dd
```
#66d2dd rgb(102,210,221)
```
#66c8dd
```
#66c8dd rgb(102,200,221)
```
#66bedd
```
#66bedd rgb(102,190,221)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#66aadd
```
#66aadd rgb(102,170,221)
```
#66a0dd
```
#66a0dd rgb(102,160,221)
```
#6696dd
```
#6696dd rgb(102,150,221)
```

Similar Colors

Text with hexadecimal color #66b4dd

This text has a font color of #66b4dd.

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

#66b4dd background color

This paragraph has a background color of #66b4dd.

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

#66b4dd border color

This element has a border color of #66b4dd.

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

CSS codes

.text {color:#66b4dd;}

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

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

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)
```
#091d28
```
#091d28 rgb(9,29,40)
```
#0c2938
```
#0c2938 rgb(12,41,56)
```
#103448
```
#103448 rgb(16,52,72)
```
#134058
```
#134058 rgb(19,64,88)
```
#174c68
```
#174c68 rgb(23,76,104)
```
#1b5878
```
#1b5878 rgb(27,88,120)
```
#1e6388
```
#1e6388 rgb(30,99,136)
```
#226f98
```
#226f98 rgb(34,111,152)
```
#257ba8
```
#257ba8 rgb(37,123,168)
```
#2987b8
```
#2987b8 rgb(41,135,184)
```
#2c92c8
```
#2c92c8 rgb(44,146,200)
```

Shade Color Variation

#369cd2
```
#369cd2 rgb(54,156,210)
```
#46a4d6
```
#46a4d6 rgb(70,164,214)
```
#56acd9
```
#56acd9 rgb(86,172,217)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#76bce1
```
#76bce1 rgb(118,188,225)
```
#86c4e4
```
#86c4e4 rgb(134,196,228)
```
#96cce8
```
#96cce8 rgb(150,204,232)
```
#a6d3eb
```
#a6d3eb rgb(166,211,235)
```
#b6dbef
```
#b6dbef rgb(182,219,239)
```
#c6e3f2
```
#c6e3f2 rgb(198,227,242)
```
#d6ebf6
```
#d6ebf6 rgb(214,235,246)
```
#e6f3fa
```
#e6f3fa rgb(230,243,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 #49bdfa is the most saturated one.

#a0a2a3
```
#a0a2a3 rgb(160,162,163)
```
#98a4ab
```
#98a4ab rgb(152,164,171)
```
#91a7b2
```
#91a7b2 rgb(145,167,178)
```
#8aa9b9
```
#8aa9b9 rgb(138,169,185)
```
#83abc0
```
#83abc0 rgb(131,171,192)
```
#7cadc7
```
#7cadc7 rgb(124,173,199)
```
#74b0cf
```
#74b0cf rgb(116,176,207)
```
#6db2d6
```
#6db2d6 rgb(109,178,214)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```
#5fb6e4
```
#5fb6e4 rgb(95,182,228)
```
#58b8eb
```
#58b8eb rgb(88,184,235)
```
#50bbf3
```
#50bbf3 rgb(80,187,243)
```
#49bdfa
```
#49bdfa rgb(73,189,250)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#95a5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add8 Protanopia 1% of men
#a1ace2 Deuteranopia 1% of men
#63bbc9 Tritanopia 0.001% of the population

Trichromacy

#8dafd9 Protanomaly 1% of men, 0.01% of women
#8bafe0 Deuteranomaly 6% of men, 0.4% of women
#64b8d0 Tritanomaly 0.01% of the population

#66b4dd hex color

#66b4dd Color Information

#66b4dd Color Conversion

Color Schemes with #66b4dd

Alternatives to #66b4dd

#66b4dd Preview

Shades and Tints of #66b4dd

Tones of #66b4dd

Color Blindness Simulator