#668fdb hex color

In a RGB color space, hex #668fdb is composed of 40% red, 56.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 34.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 219 degrees, a saturation of 61.9% and a lightness of 62.9%. #668fdb color hex could be obtained by blending #ccffff with #001fb7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 56
- B 86
RGB color chart
- C 53
- M 35
- Y 0
- K 14
CMYK color chart

● #668fdb color description : Soft blue.

The hexadecimal color #668fdb has RGB values of R:102, G:143, B:219 and CMYK values of C:0.53, M:0.35, Y:0, K:0.14. Its decimal value is 6721499.

Hex triplet	668fdb	`#668fdb`
RGB Decimal	102, 143, 219	`rgb(102,143,219)`
RGB Percent	40, 56.1, 85.9	`rgb(40%,56.1%,85.9%)`
CMYK	53, 35, 0, 14
HSL	219°, 61.9, 62.9	`hsl(219,61.9%,62.9%)`
HSV (or HSB)	219°, 53.4, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.51, 7.557, -43.127
XYZ	28.085, 27.583, 70.858
xyY	0.222, 0.218, 27.583
CIE-LCH	59.51, 43.784, 279.938
CIE-LUV	59.51, -20.245, -68.845
Hunter-Lab	52.519, 3.546, -43.229
Binary	01100110, 10001111, 11011011

#668fdb
```
#668fdb rgb(102,143,219)
```
#dbb266
```
#dbb266 rgb(219,178,102)
```

Complementary Color

#66cadb
```
#66cadb rgb(102,202,219)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#7866db
```
#7866db rgb(120,102,219)
```

Analogous Color

#cadb66
```
#cadb66 rgb(202,219,102)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#db7866
```
#db7866 rgb(219,120,102)
```

Split Complementary Color

#8fdb66
```
#8fdb66 rgb(143,219,102)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#db668f
```
#db668f rgb(219,102,143)
```

Triadic Color

#66dbb2
```
#66dbb2 rgb(102,219,178)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#db668f
```
#db668f rgb(219,102,143)
```
#dbb266
```
#dbb266 rgb(219,178,102)
```

Tetradic Color

#2f64c6
```
#2f64c6 rgb(47,100,198)
```
#3d71d1
```
#3d71d1 rgb(61,113,209)
```
#5180d6
```
#5180d6 rgb(81,128,214)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#7b9ee0
```
#7b9ee0 rgb(123,158,224)
```
#8fade5
```
#8fade5 rgb(143,173,229)
```
#a4bcea
```
#a4bcea rgb(164,188,234)
```

Monochromatic Color

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

#66acdb
```
#66acdb rgb(102,172,219)
```
#66a3db
```
#66a3db rgb(102,163,219)
```
#6699db
```
#6699db rgb(102,153,219)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#6685db
```
#6685db rgb(102,133,219)
```
#667cdb
```
#667cdb rgb(102,124,219)
```
#6672db
```
#6672db rgb(102,114,219)
```

Similar Colors

Text with hexadecimal color #668fdb

This text has a font color of #668fdb.

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

#668fdb background color

This paragraph has a background color of #668fdb.

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

#668fdb border color

This element has a border color of #668fdb.

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

CSS codes

.text {color:#668fdb;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#091326
```
#091326 rgb(9,19,38)
```
#0d1b35
```
#0d1b35 rgb(13,27,53)
```
#102345
```
#102345 rgb(16,35,69)
```
#142b55
```
#142b55 rgb(20,43,85)
```
#183365
```
#183365 rgb(24,51,101)
```
#1c3b75
```
#1c3b75 rgb(28,59,117)
```
#1f4385
```
#1f4385 rgb(31,67,133)
```
#234b95
```
#234b95 rgb(35,75,149)
```
#2753a5
```
#2753a5 rgb(39,83,165)
```
#2a5bb4
```
#2a5bb4 rgb(42,91,180)
```
#2e63c4
```
#2e63c4 rgb(46,99,196)
```

Shade Color Variation

#366cd0
```
#366cd0 rgb(54,108,208)
```
#4678d4
```
#4678d4 rgb(70,120,212)
```
#5683d7
```
#5683d7 rgb(86,131,215)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#769bdf
```
#769bdf rgb(118,155,223)
```
#86a6e2
```
#86a6e2 rgb(134,166,226)
```
#96b2e6
```
#96b2e6 rgb(150,178,230)
```
#a6bdea
```
#a6bdea rgb(166,189,234)
```
#b5c9ee
```
#b5c9ee rgb(181,201,238)
```
#c5d5f1
```
#c5d5f1 rgb(197,213,241)
```
#d5e0f5
```
#d5e0f5 rgb(213,224,245)
```
#e5ecf9
```
#e5ecf9 rgb(229,236,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#999ea8
```
#999ea8 rgb(153,158,168)
```
#929caf
```
#929caf rgb(146,156,175)
```
#8a9ab7
```
#8a9ab7 rgb(138,154,183)
```
#8398be
```
#8398be rgb(131,152,190)
```
#7c96c5
```
#7c96c5 rgb(124,150,197)
```
#7593cc
```
#7593cc rgb(117,147,204)
```
#6d91d4
```
#6d91d4 rgb(109,145,212)
```
#668fdb
```
#668fdb rgb(102,143,219)
```
#5f8de2
```
#5f8de2 rgb(95,141,226)
```
#578bea
```
#578bea rgb(87,139,234)
```
#5088f1
```
#5088f1 rgb(80,136,241)
```
#4986f8
```
#4986f8 rgb(73,134,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#848c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7992db Protanopia 1% of men
#6d94dc Deuteranopia 1% of men
#579fab Tritanopia 0.001% of the population

Trichromacy

#7291db Protanomaly 1% of men, 0.01% of women
#6a92dc Deuteranomaly 6% of men, 0.4% of women
#5c99bc Tritanomaly 0.01% of the population

#668fdb hex color

#668fdb Color Information

#668fdb Color Conversion

Color Schemes with #668fdb

Alternatives to #668fdb

#668fdb Preview

Shades and Tints of #668fdb

Tones of #668fdb

Color Blindness Simulator