#668aa5 hex color

In a RGB color space, hex #668aa5 is composed of 40% red, 54.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 16.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 205.7 degrees, a saturation of 25.9% and a lightness of 52.4%. #668aa5 color hex could be obtained by blending #ccffff with #00154b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 54
- B 65
RGB color chart
- C 38
- M 16
- Y 0
- K 35
CMYK color chart

● #668aa5 color description : Mostly desaturated dark blue.

The hexadecimal color #668aa5 has RGB values of R:102, G:138, B:165 and CMYK values of C:0.38, M:0.16, Y:0, K:0.35. Its decimal value is 6720165.

Hex triplet	668aa5	`#668aa5`
RGB Decimal	102, 138, 165	`rgb(102,138,165)`
RGB Percent	40, 54.1, 64.7	`rgb(40%,54.1%,64.7%)`
CMYK	38, 16, 0, 35
HSL	205.7°, 25.9, 52.4	`hsl(205.7,25.9%,52.4%)`
HSV (or HSB)	205.7°, 38.2, 64.7
Web Safe	669999	`#669999`

CIE-LAB	55.804, -5.52, -18.294
XYZ	21.358, 23.717, 39.048
xyY	0.254, 0.282, 23.717
CIE-LCH	55.804, 19.109, 253.209
CIE-LUV	55.804, -18.131, -26.455
Hunter-Lab	48.701, -6.944, -13.448
Binary	01100110, 10001010, 10100101

#668aa5
```
#668aa5 rgb(102,138,165)
```
#a58166
```
#a58166 rgb(165,129,102)
```

Complementary Color

#66a5a1
```
#66a5a1 rgb(102,165,161)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#666ba5
```
#666ba5 rgb(102,107,165)
```

Analogous Color

#a5a166
```
#a5a166 rgb(165,161,102)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#a5666b
```
#a5666b rgb(165,102,107)
```

Split Complementary Color

#8aa566
```
#8aa566 rgb(138,165,102)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#a5668a
```
#a5668a rgb(165,102,138)
```

Triadic Color

#66a581
```
#66a581 rgb(102,165,129)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#a5668a
```
#a5668a rgb(165,102,138)
```
#a58166
```
#a58166 rgb(165,129,102)
```

Tetradic Color

#476378
```
#476378 rgb(71,99,120)
```
#507088
```
#507088 rgb(80,112,136)
```
#597d98
```
#597d98 rgb(89,125,152)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#7696ae
```
#7696ae rgb(118,150,174)
```
#86a3b8
```
#86a3b8 rgb(134,163,184)
```
#96afc1
```
#96afc1 rgb(150,175,193)
```

Monochromatic Color

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

#669aa5
```
#669aa5 rgb(102,154,165)
```
#6695a5
```
#6695a5 rgb(102,149,165)
```
#668fa5
```
#668fa5 rgb(102,143,165)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#6685a5
```
#6685a5 rgb(102,133,165)
```
#6680a5
```
#6680a5 rgb(102,128,165)
```
#667aa5
```
#667aa5 rgb(102,122,165)
```

Similar Colors

Text with hexadecimal color #668aa5

This text has a font color of #668aa5.

<span style="color:#668aa5;">Text here</span>

#668aa5 background color

This paragraph has a background color of #668aa5.

<p style="background-color:#668aa5;">Content here</p>

#668aa5 border color

This element has a border color of #668aa5.

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

CSS codes

.text {color:#668aa5;}

.background {background-color:#668aa5;}

.border {border:1px solid #668aa5;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0c1014
```
#0c1014 rgb(12,16,20)
```
#131b20
```
#131b20 rgb(19,27,32)
```
#1a252d
```
#1a252d rgb(26,37,45)
```
#222f39
```
#222f39 rgb(34,47,57)
```
#293945
```
#293945 rgb(41,57,69)
```
#304352
```
#304352 rgb(48,67,82)
```
#374d5e
```
#374d5e rgb(55,77,94)
```
#3f586a
```
#3f586a rgb(63,88,106)
```
#466277
```
#466277 rgb(70,98,119)
```
#4d6c83
```
#4d6c83 rgb(77,108,131)
```
#54768f
```
#54768f rgb(84,118,143)
```
#5c809c
```
#5c809c rgb(92,128,156)
```

Shade Color Variation

#668aa5
```
#668aa5 rgb(102,138,165)
```
#7293ac
```
#7293ac rgb(114,147,172)
```
#7f9db4
```
#7f9db4 rgb(127,157,180)
```
#8ba6bb
```
#8ba6bb rgb(139,166,187)
```
#97b0c2
```
#97b0c2 rgb(151,176,194)
```
#a4b9c9
```
#a4b9c9 rgb(164,185,201)
```
#b0c3d1
```
#b0c3d1 rgb(176,195,209)
```
#bcccd8
```
#bcccd8 rgb(188,204,216)
```
#c9d6df
```
#c9d6df rgb(201,214,223)
```
#d5dfe6
```
#d5dfe6 rgb(213,223,230)
```
#e2e8ee
```
#e2e8ee rgb(226,232,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#828689
```
#828689 rgb(130,134,137)
```
#798792
```
#798792 rgb(121,135,146)
```
#6f899c
```
#6f899c rgb(111,137,156)
```
#668aa5
```
#668aa5 rgb(102,138,165)
```
#5d8bae
```
#5d8bae rgb(93,139,174)
```
#538db8
```
#538db8 rgb(83,141,184)
```
#4a8ec1
```
#4a8ec1 rgb(74,142,193)
```
#418fca
```
#418fca rgb(65,143,202)
```
#3791d4
```
#3791d4 rgb(55,145,212)
```
#2e92dd
```
#2e92dd rgb(46,146,221)
```
#2593e6
```
#2593e6 rgb(37,147,230)
```
#1b95f0
```
#1b95f0 rgb(27,149,240)
```
#1296f9
```
#1296f9 rgb(18,150,249)
```

Tone Color Variation

Below, you can see how #668aa5 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

#828282 Achromatopsia 0.005% of the population
#7c8489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858aa6 Protanopia 1% of men
#8789ac Deuteranopia 1% of men
#69929d Tritanopia 0.001% of the population

Trichromacy

#7a8aa5 Protanomaly 1% of men, 0.01% of women
#7b89a9 Deuteranomaly 6% of men, 0.4% of women
#688f9f Tritanomaly 0.01% of the population

#668aa5 hex color

#668aa5 Color Information

#668aa5 Color Conversion

Color Schemes with #668aa5

Alternatives to #668aa5

#668aa5 Preview

Shades and Tints of #668aa5

Tones of #668aa5

Color Blindness Simulator