#668cb2 hex color

In a RGB color space, hex #668cb2 is composed of 40% red, 54.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 21.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 210 degrees, a saturation of 33% and a lightness of 54.9%. #668cb2 color hex could be obtained by blending #ccffff with #001965. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 40
- G 55
- B 70
RGB color chart
- C 43
- M 21
- Y 0
- K 30
CMYK color chart

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

The hexadecimal color #668cb2 has RGB values of R:102, G:140, B:178 and CMYK values of C:0.43, M:0.21, Y:0, K:0.3. Its decimal value is 6720690.

Hex triplet	668cb2	`#668cb2`
RGB Decimal	102, 140, 178	`rgb(102,140,178)`
RGB Percent	40, 54.9, 69.8	`rgb(40%,54.9%,69.8%)`
CMYK	43, 21, 0, 30
HSL	210°, 33, 54.9	`hsl(210,33%,54.9%)`
HSV (or HSB)	210°, 42.7, 69.8
Web Safe	669999	`#669999`

CIE-LAB	56.874, -3.026, -24.094
XYZ	22.892, 24.794, 45.697
xyY	0.245, 0.266, 24.794
CIE-LCH	56.874, 24.284, 262.841
CIE-LUV	56.874, -18.993, -36.082
Hunter-Lab	49.794, -5.078, -19.556
Binary	01100110, 10001100, 10110010

#668cb2
```
#668cb2 rgb(102,140,178)
```
#b28c66
```
#b28c66 rgb(178,140,102)
```

Complementary Color

#66b2b2
```
#66b2b2 rgb(102,178,178)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#6666b2
```
#6666b2 rgb(102,102,178)
```

Analogous Color

#b2b266
```
#b2b266 rgb(178,178,102)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#b26666
```
#b26666 rgb(178,102,102)
```

Split Complementary Color

#8cb266
```
#8cb266 rgb(140,178,102)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#b2668c
```
#b2668c rgb(178,102,140)
```

Triadic Color

#66b28c
```
#66b28c rgb(102,178,140)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#b2668c
```
#b2668c rgb(178,102,140)
```
#b28c66
```
#b28c66 rgb(178,140,102)
```

Tetradic Color

#446687
```
#446687 rgb(68,102,135)
```
#4d7398
```
#4d7398 rgb(77,115,152)
```
#557fa9
```
#557fa9 rgb(85,127,169)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#7799bb
```
#7799bb rgb(119,153,187)
```
#88a6c3
```
#88a6c3 rgb(136,166,195)
```
#99b2cc
```
#99b2cc rgb(153,178,204)
```

Monochromatic Color

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

#669fb2
```
#669fb2 rgb(102,159,178)
```
#6699b2
```
#6699b2 rgb(102,153,178)
```
#6692b2
```
#6692b2 rgb(102,146,178)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#6686b2
```
#6686b2 rgb(102,134,178)
```
#667fb2
```
#667fb2 rgb(102,127,178)
```
#6679b2
```
#6679b2 rgb(102,121,178)
```

Similar Colors

Text with hexadecimal color #668cb2

This text has a font color of #668cb2.

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

#668cb2 background color

This paragraph has a background color of #668cb2.

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

#668cb2 border color

This element has a border color of #668cb2.

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

CSS codes

.text {color:#668cb2;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080d11
```
#080d11 rgb(8,13,17)
```
#0f161e
```
#0f161e rgb(15,22,30)
```
#16202b
```
#16202b rgb(22,32,43)
```
#1c2a38
```
#1c2a38 rgb(28,42,56)
```
#233445
```
#233445 rgb(35,52,69)
```
#293e52
```
#293e52 rgb(41,62,82)
```
#30475f
```
#30475f rgb(48,71,95)
```
#36516c
```
#36516c rgb(54,81,108)
```
#3d5b79
```
#3d5b79 rgb(61,91,121)
```
#436586
```
#436586 rgb(67,101,134)
```
#4a6f93
```
#4a6f93 rgb(74,111,147)
```
#5178a0
```
#5178a0 rgb(81,120,160)
```

Shade Color Variation

#5982ab
```
#5982ab rgb(89,130,171)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#7396b9
```
#7396b9 rgb(115,150,185)
```
#80a0bf
```
#80a0bf rgb(128,160,191)
```
#8da9c6
```
#8da9c6 rgb(141,169,198)
```
#9ab3cc
```
#9ab3cc rgb(154,179,204)
```
#a7bdd3
```
#a7bdd3 rgb(167,189,211)
```
#b4c7d9
```
#b4c7d9 rgb(180,199,217)
```
#c1d1e0
```
#c1d1e0 rgb(193,209,224)
```
#cedae7
```
#cedae7 rgb(206,218,231)
```
#dbe4ed
```
#dbe4ed rgb(219,228,237)
```
#e8eef4
```
#e8eef4 rgb(232,238,244)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c8f is the less saturated color, while #1f8cf9 is the most saturated one.

#898c8f
```
#898c8f rgb(137,140,143)
```
#818c97
```
#818c97 rgb(129,140,151)
```
#788ca0
```
#788ca0 rgb(120,140,160)
```
#6f8ca9
```
#6f8ca9 rgb(111,140,169)
```
#668cb2
```
#668cb2 rgb(102,140,178)
```
#5d8cbb
```
#5d8cbb rgb(93,140,187)
```
#548cc4
```
#548cc4 rgb(84,140,196)
```
#4b8ccd
```
#4b8ccd rgb(75,140,205)
```
#438cd5
```
#438cd5 rgb(67,140,213)
```
#3a8cde
```
#3a8cde rgb(58,140,222)
```
#318ce7
```
#318ce7 rgb(49,140,231)
```
#288cf0
```
#288cf0 rgb(40,140,240)
```
#1f8cf9
```
#1f8cf9 rgb(31,140,249)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7f868e Atypical Achromatopsia 0.001% of the population

Dichromacy

#848db2 Protanopia 1% of men
#838cb8 Deuteranopia 1% of men
#6695a0 Tritanopia 0.001% of the population

Trichromacy

#798cb2 Protanomaly 1% of men, 0.01% of women
#788cb5 Deuteranomaly 6% of men, 0.4% of women
#6692a7 Tritanomaly 0.01% of the population

#668cb2 hex color

#668cb2 Color Information

#668cb2 Color Conversion

Color Schemes with #668cb2

Alternatives to #668cb2

#668cb2 Preview

Shades and Tints of #668cb2

Tones of #668cb2

Color Blindness Simulator