#66a5bf hex color

In a RGB color space, hex #66a5bf is composed of 40% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 197.5 degrees, a saturation of 41% and a lightness of 57.5%. #66a5bf color hex could be obtained by blending #ccffff with #004b7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 65
- B 75
RGB color chart
- C 47
- M 14
- Y 0
- K 25
CMYK color chart

● #66a5bf color description : Slightly desaturated blue.

The hexadecimal color #66a5bf has RGB values of R:102, G:165, B:191 and CMYK values of C:0.47, M:0.14, Y:0, K:0.25. Its decimal value is 6727103.

Hex triplet	66a5bf	`#66a5bf`
RGB Decimal	102, 165, 191	`rgb(102,165,191)`
RGB Percent	40, 64.7, 74.9	`rgb(40%,64.7%,74.9%)`
CMYK	47, 14, 0, 25
HSL	197.5°, 41, 57.5	`hsl(197.5,41%,57.5%)`
HSV (or HSB)	197.5°, 46.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.56, -13.221, -19.667
XYZ	28.336, 33.495, 54.259
xyY	0.244, 0.289, 33.495
CIE-LCH	64.56, 23.698, 236.088
CIE-LUV	64.56, -28.88, -28.262
Hunter-Lab	57.875, -13.885, -15.074
Binary	01100110, 10100101, 10111111

#66a5bf
```
#66a5bf rgb(102,165,191)
```
#bf8066
```
#bf8066 rgb(191,128,102)
```

Complementary Color

#66bfad
```
#66bfad rgb(102,191,173)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#6679bf
```
#6679bf rgb(102,121,191)
```

Analogous Color

#bfad66
```
#bfad66 rgb(191,173,102)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#bf6679
```
#bf6679 rgb(191,102,121)
```

Split Complementary Color

#a5bf66
```
#a5bf66 rgb(165,191,102)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#bf66a5
```
#bf66a5 rgb(191,102,165)
```

Triadic Color

#66bf80
```
#66bf80 rgb(102,191,128)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#bf66a5
```
#bf66a5 rgb(191,102,165)
```
#bf8066
```
#bf8066 rgb(191,128,102)
```

Tetradic Color

#407f99
```
#407f99 rgb(64,127,153)
```
#478eab
```
#478eab rgb(71,142,171)
```
#549ab7
```
#549ab7 rgb(84,154,183)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#78b0c7
```
#78b0c7 rgb(120,176,199)
```
#8abace
```
#8abace rgb(138,186,206)
```
#9cc5d6
```
#9cc5d6 rgb(156,197,214)
```

Monochromatic Color

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

#66bbbf
```
#66bbbf rgb(102,187,191)
```
#66b4bf
```
#66b4bf rgb(102,180,191)
```
#66acbf
```
#66acbf rgb(102,172,191)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#669ebf
```
#669ebf rgb(102,158,191)
```
#6696bf
```
#6696bf rgb(102,150,191)
```
#668fbf
```
#668fbf rgb(102,143,191)
```

Similar Colors

Text with hexadecimal color #66a5bf

This text has a font color of #66a5bf.

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

#66a5bf background color

This paragraph has a background color of #66a5bf.

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

#66a5bf border color

This element has a border color of #66a5bf.

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

CSS codes

.text {color:#66a5bf;}

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

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

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, #050b0d is the darkest color, while #fefeff is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0b161b
```
#0b161b rgb(11,22,27)
```
#112229
```
#112229 rgb(17,34,41)
```
#172d36
```
#172d36 rgb(23,45,54)
```
#1d3944
```
#1d3944 rgb(29,57,68)
```
#224452
```
#224452 rgb(34,68,82)
```
#285060
```
#285060 rgb(40,80,96)
```
#2e5b6e
```
#2e5b6e rgb(46,91,110)
```
#34677c
```
#34677c rgb(52,103,124)
```
#397289
```
#397289 rgb(57,114,137)
```
#3f7e97
```
#3f7e97 rgb(63,126,151)
```
#4589a5
```
#4589a5 rgb(69,137,165)
```
#4b95b3
```
#4b95b3 rgb(75,149,179)
```

Shade Color Variation

#589db9
```
#589db9 rgb(88,157,185)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#74adc5
```
#74adc5 rgb(116,173,197)
```
#82b5cb
```
#82b5cb rgb(130,181,203)
```
#8fbdd0
```
#8fbdd0 rgb(143,189,208)
```
#9dc6d6
```
#9dc6d6 rgb(157,198,214)
```
#abcedc
```
#abcedc rgb(171,206,220)
```
#b9d6e2
```
#b9d6e2 rgb(185,214,226)
```
#c7dee7
```
#c7dee7 rgb(199,222,231)
```
#d5e6ed
```
#d5e6ed rgb(213,230,237)
```
#e2eef3
```
#e2eef3 rgb(226,238,243)
```
#f0f6f9
```
#f0f6f9 rgb(240,246,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#909495
```
#909495 rgb(144,148,149)
```
#87979e
```
#87979e rgb(135,151,158)
```
#7f9ba6
```
#7f9ba6 rgb(127,155,166)
```
#779eae
```
#779eae rgb(119,158,174)
```
#6ea2b7
```
#6ea2b7 rgb(110,162,183)
```
#66a5bf
```
#66a5bf rgb(102,165,191)
```
#5ea8c7
```
#5ea8c7 rgb(94,168,199)
```
#55acd0
```
#55acd0 rgb(85,172,208)
```
#4dafd8
```
#4dafd8 rgb(77,175,216)
```
#45b3e0
```
#45b3e0 rgb(69,179,224)
```
#3cb6e9
```
#3cb6e9 rgb(60,182,233)
```
#34baf1
```
#34baf1 rgb(52,186,241)
```
#2cbdf9
```
#2cbdf9 rgb(44,189,249)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8c989d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba0bc Protanopia 1% of men
#9c9ec6 Deuteranopia 1% of men
#69abb8 Tritanopia 0.001% of the population

Trichromacy

#88a2bd Protanomaly 1% of men, 0.01% of women
#88a1c3 Deuteranomaly 6% of men, 0.4% of women
#68a9ba Tritanomaly 0.01% of the population

#66a5bf hex color

#66a5bf Color Information

#66a5bf Color Conversion

Color Schemes with #66a5bf

Alternatives to #66a5bf

#66a5bf Preview

Shades and Tints of #66a5bf

Tones of #66a5bf

Color Blindness Simulator