#668caa hex color

In a RGB color space, hex #668caa is composed of 40% red, 54.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 17.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 206.5 degrees, a saturation of 28.6% and a lightness of 53.3%. #668caa color hex could be obtained by blending #ccffff with #001955. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 55
- B 67
RGB color chart
- C 40
- M 18
- Y 0
- K 33
CMYK color chart

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

The hexadecimal color #668caa has RGB values of R:102, G:140, B:170 and CMYK values of C:0.4, M:0.18, Y:0, K:0.33. Its decimal value is 6720682.

Hex triplet	668caa	`#668caa`
RGB Decimal	102, 140, 170	`rgb(102,140,170)`
RGB Percent	40, 54.9, 66.7	`rgb(40%,54.9%,66.7%)`
CMYK	40, 18, 0, 33
HSL	206.5°, 28.6, 53.3	`hsl(206.5,28.6%,53.3%)`
HSV (or HSB)	206.5°, 40, 66.7
Web Safe	669999	`#669999`

CIE-LAB	56.567, -5.278, -19.995
XYZ	22.112, 24.482, 41.588
xyY	0.251, 0.278, 24.482
CIE-LCH	56.567, 20.68, 255.214
CIE-LUV	56.567, -18.975, -29.232
Hunter-Lab	49.48, -6.821, -15.199
Binary	01100110, 10001100, 10101010

#668caa
```
#668caa rgb(102,140,170)
```
#aa8466
```
#aa8466 rgb(170,132,102)
```

Complementary Color

#66aaa6
```
#66aaa6 rgb(102,170,166)
```
#668caa
```
#668caa rgb(102,140,170)
```
#666aaa
```
#666aaa rgb(102,106,170)
```

Analogous Color

#aaa666
```
#aaa666 rgb(170,166,102)
```
#668caa
```
#668caa rgb(102,140,170)
```
#aa666a
```
#aa666a rgb(170,102,106)
```

Split Complementary Color

#8caa66
```
#8caa66 rgb(140,170,102)
```
#668caa
```
#668caa rgb(102,140,170)
```
#aa668c
```
#aa668c rgb(170,102,140)
```

Triadic Color

#66aa84
```
#66aa84 rgb(102,170,132)
```
#668caa
```
#668caa rgb(102,140,170)
```
#aa668c
```
#aa668c rgb(170,102,140)
```
#aa8466
```
#aa8466 rgb(170,132,102)
```

Tetradic Color

#46657e
```
#46657e rgb(70,101,126)
```
#4f728e
```
#4f728e rgb(79,114,142)
```
#587f9e
```
#587f9e rgb(88,127,158)
```
#668caa
```
#668caa rgb(102,140,170)
```
#7698b3
```
#7698b3 rgb(118,152,179)
```
#87a5bc
```
#87a5bc rgb(135,165,188)
```
#97b1c5
```
#97b1c5 rgb(151,177,197)
```

Monochromatic Color

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

#669daa
```
#669daa rgb(102,157,170)
```
#6697aa
```
#6697aa rgb(102,151,170)
```
#6692aa
```
#6692aa rgb(102,146,170)
```
#668caa
```
#668caa rgb(102,140,170)
```
#6686aa
```
#6686aa rgb(102,134,170)
```
#6681aa
```
#6681aa rgb(102,129,170)
```
#667baa
```
#667baa rgb(102,123,170)
```

Similar Colors

Text with hexadecimal color #668caa

This text has a font color of #668caa.

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

#668caa background color

This paragraph has a background color of #668caa.

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

#668caa border color

This element has a border color of #668caa.

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

CSS codes

.text {color:#668caa;}

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

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

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, #06090b is the darkest color, while #fdfefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0d1318
```
#0d1318 rgb(13,19,24)
```
#141d24
```
#141d24 rgb(20,29,36)
```
#1b2731
```
#1b2731 rgb(27,39,49)
```
#22313d
```
#22313d rgb(34,49,61)
```
#293b4a
```
#293b4a rgb(41,59,74)
```
#304657
```
#304657 rgb(48,70,87)
```
#375063
```
#375063 rgb(55,80,99)
```
#3e5a70
```
#3e5a70 rgb(62,90,112)
```
#45647c
```
#45647c rgb(69,100,124)
```
#4c6e89
```
#4c6e89 rgb(76,110,137)
```
#537896
```
#537896 rgb(83,120,150)
```
#5a82a2
```
#5a82a2 rgb(90,130,162)
```

Shade Color Variation

#668caa
```
#668caa rgb(102,140,170)
```
#7395b1
```
#7395b1 rgb(115,149,177)
```
#7f9fb8
```
#7f9fb8 rgb(127,159,184)
```
#8ca8bf
```
#8ca8bf rgb(140,168,191)
```
#98b2c6
```
#98b2c6 rgb(152,178,198)
```
#a5bbcd
```
#a5bbcd rgb(165,187,205)
```
#b2c5d4
```
#b2c5d4 rgb(178,197,212)
```
#becedb
```
#becedb rgb(190,206,219)
```
#cbd8e2
```
#cbd8e2 rgb(203,216,226)
```
#d7e1e9
```
#d7e1e9 rgb(215,225,233)
```
#e4ebf0
```
#e4ebf0 rgb(228,235,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#81898f
```
#81898f rgb(129,137,143)
```
#788a98
```
#788a98 rgb(120,138,152)
```
#6f8ba1
```
#6f8ba1 rgb(111,139,161)
```
#668caa
```
#668caa rgb(102,140,170)
```
#5d8db3
```
#5d8db3 rgb(93,141,179)
```
#548ebc
```
#548ebc rgb(84,142,188)
```
#4b8fc5
```
#4b8fc5 rgb(75,143,197)
```
#4190cf
```
#4190cf rgb(65,144,207)
```
#3891d8
```
#3891d8 rgb(56,145,216)
```
#2f92e1
```
#2f92e1 rgb(47,146,225)
```
#2694ea
```
#2694ea rgb(38,148,234)
```
#1d95f3
```
#1d95f3 rgb(29,149,243)
```
#1496fc
```
#1496fc rgb(20,150,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7e868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#868cab Protanopia 1% of men
#878bb0 Deuteranopia 1% of men
#69949f Tritanopia 0.001% of the population

Trichromacy

#7a8caa Protanomaly 1% of men, 0.01% of women
#7b8bae Deuteranomaly 6% of men, 0.4% of women
#6791a3 Tritanomaly 0.01% of the population

#668caa hex color

#668caa Color Information

#668caa Color Conversion

Color Schemes with #668caa

Alternatives to #668caa

#668caa Preview

Shades and Tints of #668caa

Tones of #668caa

Color Blindness Simulator