#669ad7 hex color

In a RGB color space, hex #669ad7 is composed of 40% red, 60.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 28.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 212.4 degrees, a saturation of 58.5% and a lightness of 62.2%. #669ad7 color hex could be obtained by blending #ccffff with #0035af. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 60
- B 84
RGB color chart
- C 53
- M 28
- Y 0
- K 16
CMYK color chart

● #669ad7 color description : Moderate blue.

The hexadecimal color #669ad7 has RGB values of R:102, G:154, B:215 and CMYK values of C:0.53, M:0.28, Y:0, K:0.16. Its decimal value is 6724311.

Hex triplet	669ad7	`#669ad7`
RGB Decimal	102, 154, 215	`rgb(102,154,215)`
RGB Percent	40, 60.4, 84.3	`rgb(40%,60.4%,84.3%)`
CMYK	53, 28, 0, 16
HSL	212.4°, 58.5, 62.2	`hsl(212.4,58.5%,62.2%)`
HSV (or HSB)	212.4°, 52.6, 84.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.373, -0.058, -36.409
XYZ	29.298, 30.841, 68.695
xyY	0.227, 0.239, 30.841
CIE-LCH	62.373, 36.409, 269.909
CIE-LUV	62.373, -24.278, -57.306
Hunter-Lab	55.534, -3.015, -34.467
Binary	01100110, 10011010, 11010111

#669ad7
```
#669ad7 rgb(102,154,215)
```
#d7a366
```
#d7a366 rgb(215,163,102)
```

Complementary Color

#66d3d7
```
#66d3d7 rgb(102,211,215)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#6b66d7
```
#6b66d7 rgb(107,102,215)
```

Analogous Color

#d3d766
```
#d3d766 rgb(211,215,102)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#d76b66
```
#d76b66 rgb(215,107,102)
```

Split Complementary Color

#9ad766
```
#9ad766 rgb(154,215,102)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#d7669a
```
#d7669a rgb(215,102,154)
```

Triadic Color

#66d7a3
```
#66d7a3 rgb(102,215,163)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#d7669a
```
#d7669a rgb(215,102,154)
```
#d7a366
```
#d7a366 rgb(215,163,102)
```

Tetradic Color

#3273bf
```
#3273bf rgb(50,115,191)
```
#3e7fcc
```
#3e7fcc rgb(62,127,204)
```
#528dd2
```
#528dd2 rgb(82,141,210)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#7aa7dc
```
#7aa7dc rgb(122,167,220)
```
#8eb5e2
```
#8eb5e2 rgb(142,181,226)
```
#a3c2e7
```
#a3c2e7 rgb(163,194,231)
```

Monochromatic Color

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

#66b6d7
```
#66b6d7 rgb(102,182,215)
```
#66add7
```
#66add7 rgb(102,173,215)
```
#66a3d7
```
#66a3d7 rgb(102,163,215)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#6691d7
```
#6691d7 rgb(102,145,215)
```
#6687d7
```
#6687d7 rgb(102,135,215)
```
#667ed7
```
#667ed7 rgb(102,126,215)
```

Similar Colors

Text with hexadecimal color #669ad7

This text has a font color of #669ad7.

<span style="color:#669ad7;">Text here</span>

#669ad7 background color

This paragraph has a background color of #669ad7.

<p style="background-color:#669ad7;">Content here</p>

#669ad7 border color

This element has a border color of #669ad7.

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

CSS codes

.text {color:#669ad7;}

.background {background-color:#669ad7;}

.border {border:1px solid #669ad7;}

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

#010203
```
#010203 rgb(1,2,3)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#091422
```
#091422 rgb(9,20,34)
```
#0d1e31
```
#0d1e31 rgb(13,30,49)
```
#112741
```
#112741 rgb(17,39,65)
```
#153050
```
#153050 rgb(21,48,80)
```
#193a60
```
#193a60 rgb(25,58,96)
```
#1d436f
```
#1d436f rgb(29,67,111)
```
#214c7f
```
#214c7f rgb(33,76,127)
```
#25568e
```
#25568e rgb(37,86,142)
```
#295f9e
```
#295f9e rgb(41,95,158)
```
#2d68ae
```
#2d68ae rgb(45,104,174)
```
#3172bd
```
#3172bd rgb(49,114,189)
```

Shade Color Variation

#377bcb
```
#377bcb rgb(55,123,203)
```
#4785cf
```
#4785cf rgb(71,133,207)
```
#5690d3
```
#5690d3 rgb(86,144,211)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#76a4db
```
#76a4db rgb(118,164,219)
```
#85afdf
```
#85afdf rgb(133,175,223)
```
#95b9e3
```
#95b9e3 rgb(149,185,227)
```
#a4c3e7
```
#a4c3e7 rgb(164,195,231)
```
#b4cdeb
```
#b4cdeb rgb(180,205,235)
```
#c3d8ef
```
#c3d8ef rgb(195,216,239)
```
#d3e2f3
```
#d3e2f3 rgb(211,226,243)
```
#e2ecf8
```
#e2ecf8 rgb(226,236,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9ea3 is the less saturated color, while #4197fc is the most saturated one.

#9a9ea3
```
#9a9ea3 rgb(154,158,163)
```
#939eaa
```
#939eaa rgb(147,158,170)
```
#8b9db2
```
#8b9db2 rgb(139,157,178)
```
#849cb9
```
#849cb9 rgb(132,156,185)
```
#7c9cc1
```
#7c9cc1 rgb(124,156,193)
```
#759bc8
```
#759bc8 rgb(117,155,200)
```
#6d9bd0
```
#6d9bd0 rgb(109,155,208)
```
#669ad7
```
#669ad7 rgb(102,154,215)
```
#5f99de
```
#5f99de rgb(95,153,222)
```
#5799e6
```
#5799e6 rgb(87,153,230)
```
#5098ed
```
#5098ed rgb(80,152,237)
```
#4898f5
```
#4898f5 rgb(72,152,245)
```
#4197fc
```
#4197fc rgb(65,151,252)
```

Tone Color Variation

Below, you can see how #669ad7 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

#919191 Achromatopsia 0.005% of the population
#88939f Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad5 Protanopia 1% of men
#819bda Deuteranopia 1% of men
#5ca6b3 Tritanopia 0.001% of the population

Trichromacy

#7b9ad6 Protanomaly 1% of men, 0.01% of women
#779ad9 Deuteranomaly 6% of men, 0.4% of women
#60a2c0 Tritanomaly 0.01% of the population

#669ad7 hex color

#669ad7 Color Information

#669ad7 Color Conversion

Color Schemes with #669ad7

Alternatives to #669ad7

#669ad7 Preview

Shades and Tints of #669ad7

Tones of #669ad7

Color Blindness Simulator