#668ba8 hex color

In a RGB color space, hex #668ba8 is composed of 40% red, 54.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 17.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 206.4 degrees, a saturation of 27.5% and a lightness of 52.9%. #668ba8 color hex could be obtained by blending #ccffff with #001751. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 55
- B 66
RGB color chart
- C 39
- M 17
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #668ba8 has RGB values of R:102, G:139, B:168 and CMYK values of C:0.39, M:0.17, Y:0, K:0.34. Its decimal value is 6720424.

Hex triplet	668ba8	`#668ba8`
RGB Decimal	102, 139, 168	`rgb(102,139,168)`
RGB Percent	40, 54.5, 65.9	`rgb(40%,54.5%,65.9%)`
CMYK	39, 17, 0, 34
HSL	206.4°, 27.5, 52.9	`hsl(206.4,27.5%,52.9%)`
HSV (or HSB)	206.4°, 39.3, 65.9
Web Safe	669999	`#669999`

CIE-LAB	56.204, -5.264, -19.405
XYZ	21.778, 24.116, 40.551
xyY	0.252, 0.279, 24.116
CIE-LCH	56.204, 20.106, 254.824
CIE-LUV	56.204, -18.557, -28.269
Hunter-Lab	49.108, -6.779, -14.583
Binary	01100110, 10001011, 10101000

#668ba8
```
#668ba8 rgb(102,139,168)
```
#a88366
```
#a88366 rgb(168,131,102)
```

Complementary Color

#66a8a4
```
#66a8a4 rgb(102,168,164)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#666aa8
```
#666aa8 rgb(102,106,168)
```

Analogous Color

#a8a466
```
#a8a466 rgb(168,164,102)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#a8666a
```
#a8666a rgb(168,102,106)
```

Split Complementary Color

#8ba866
```
#8ba866 rgb(139,168,102)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#a8668b
```
#a8668b rgb(168,102,139)
```

Triadic Color

#66a883
```
#66a883 rgb(102,168,131)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#a8668b
```
#a8668b rgb(168,102,139)
```
#a88366
```
#a88366 rgb(168,131,102)
```

Tetradic Color

#46647b
```
#46647b rgb(70,100,123)
```
#4f718c
```
#4f718c rgb(79,113,140)
```
#597e9c
```
#597e9c rgb(89,126,156)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#7697b1
```
#7697b1 rgb(118,151,177)
```
#87a4ba
```
#87a4ba rgb(135,164,186)
```
#97b0c4
```
#97b0c4 rgb(151,176,196)
```

Monochromatic Color

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

#669ca8
```
#669ca8 rgb(102,156,168)
```
#6696a8
```
#6696a8 rgb(102,150,168)
```
#6691a8
```
#6691a8 rgb(102,145,168)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#6686a8
```
#6686a8 rgb(102,134,168)
```
#6680a8
```
#6680a8 rgb(102,128,168)
```
#667ba8
```
#667ba8 rgb(102,123,168)
```

Similar Colors

Text with hexadecimal color #668ba8

This text has a font color of #668ba8.

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

#668ba8 background color

This paragraph has a background color of #668ba8.

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

#668ba8 border color

This element has a border color of #668ba8.

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

CSS codes

.text {color:#668ba8;}

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

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

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, #05080a is the darkest color, while #fcfdfd is the lightest one.

#05080a
```
#05080a rgb(5,8,10)
```
#0d1216
```
#0d1216 rgb(13,18,22)
```
#141c23
```
#141c23 rgb(20,28,35)
```
#1b262f
```
#1b262f rgb(27,38,47)
```
#22303c
```
#22303c rgb(34,48,60)
```
#293a48
```
#293a48 rgb(41,58,72)
```
#304555
```
#304555 rgb(48,69,85)
```
#374f61
```
#374f61 rgb(55,79,97)
```
#3e596e
```
#3e596e rgb(62,89,110)
```
#45637a
```
#45637a rgb(69,99,122)
```
#4d6d87
```
#4d6d87 rgb(77,109,135)
```
#547793
```
#547793 rgb(84,119,147)
```
#5b81a0
```
#5b81a0 rgb(91,129,160)
```

Shade Color Variation

#668ba8
```
#668ba8 rgb(102,139,168)
```
#7394af
```
#7394af rgb(115,148,175)
```
#7f9eb6
```
#7f9eb6 rgb(127,158,182)
```
#8ca7bd
```
#8ca7bd rgb(140,167,189)
```
#98b1c4
```
#98b1c4 rgb(152,177,196)
```
#a5bacc
```
#a5bacc rgb(165,186,204)
```
#b1c4d3
```
#b1c4d3 rgb(177,196,211)
```
#becdda
```
#becdda rgb(190,205,218)
```
#cad7e1
```
#cad7e1 rgb(202,215,225)
```
#d7e0e8
```
#d7e0e8 rgb(215,224,232)
```
#e3eaef
```
#e3eaef rgb(227,234,239)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888c is the less saturated color, while #1395fb is the most saturated one.

#82888c
```
#82888c rgb(130,136,140)
```
#788996
```
#788996 rgb(120,137,150)
```
#6f8a9f
```
#6f8a9f rgb(111,138,159)
```
#668ba8
```
#668ba8 rgb(102,139,168)
```
#5d8cb1
```
#5d8cb1 rgb(93,140,177)
```
#548dba
```
#548dba rgb(84,141,186)
```
#4a8ec4
```
#4a8ec4 rgb(74,142,196)
```
#418fcd
```
#418fcd rgb(65,143,205)
```
#3891d6
```
#3891d6 rgb(56,145,214)
```
#2f92df
```
#2f92df rgb(47,146,223)
```
#2593e9
```
#2593e9 rgb(37,147,233)
```
#1c94f2
```
#1c94f2 rgb(28,148,242)
```
#1395fb
```
#1395fb rgb(19,149,251)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7d858a Atypical Achromatopsia 0.001% of the population

Dichromacy

#858ba9 Protanopia 1% of men
#878aae Deuteranopia 1% of men
#69939e Tritanopia 0.001% of the population

Trichromacy

#7a8ba8 Protanomaly 1% of men, 0.01% of women
#7b8aac Deuteranomaly 6% of men, 0.4% of women
#6890a1 Tritanomaly 0.01% of the population

#668ba8 hex color

#668ba8 Color Information

#668ba8 Color Conversion

Color Schemes with #668ba8

Alternatives to #668ba8

#668ba8 Preview

Shades and Tints of #668ba8

Tones of #668ba8

Color Blindness Simulator