colorhexa.com

#668bff hex color

In a RGB color space, hex #668bff is composed of 40% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 225.5 degrees, a saturation of 100% and a lightness of 70%. #668bff color hex could be obtained by blending #ccffff with #0017ff. Closest websafe color is: #6699ff.

- R 40
- G 55
- B 100
RGB color chart
- C 60
- M 45
- Y 0
- K 0
CMYK color chart

● #668bff color description : Light blue.

The hexadecimal color #668bff has RGB values of R:102, G:139, B:255 and CMYK values of C:0.6, M:0.45, Y:0, K:0. Its decimal value is 6720511.

Hex triplet	668bff	`#668bff`
RGB Decimal	102, 139, 255	`rgb(102,139,255)`
RGB Percent	40, 54.5, 100	`rgb(40%,54.5%,100%)`
CMYK	60, 45, 0, 0
HSL	225.5°, 100, 70	`hsl(225.5,100%,70%)`
HSV (or HSB)	225.5°, 60, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.345, 21.488, -61.72
XYZ	32.758, 28.508, 98.379
xyY	0.205, 0.179, 28.508
CIE-LCH	60.345, 65.354, 289.195
CIE-LUV	60.345, -19.145, -100.992
Hunter-Lab	53.393, 16.077, -71.869
Binary	01100110, 10001011, 11111111

#668bff
```
#668bff rgb(102,139,255)
```
#ffda66
```
#ffda66 rgb(255,218,102)
```

Complementary Color

#66d8ff
```
#66d8ff rgb(102,216,255)
```
#668bff
```
#668bff rgb(102,139,255)
```
#8e66ff
```
#8e66ff rgb(142,102,255)
```

Analogous Color

#d8ff66
```
#d8ff66 rgb(216,255,102)
```
#668bff
```
#668bff rgb(102,139,255)
```
#ff8e66
```
#ff8e66 rgb(255,142,102)
```

Split Complementary Color

#8bff66
```
#8bff66 rgb(139,255,102)
```
#668bff
```
#668bff rgb(102,139,255)
```
#ff668b
```
#ff668b rgb(255,102,139)
```

Triadic Color

#66ffda
```
#66ffda rgb(102,255,218)
```
#668bff
```
#668bff rgb(102,139,255)
```
#ff668b
```
#ff668b rgb(255,102,139)
```
#ffda66
```
#ffda66 rgb(255,218,102)
```

Tetradic Color

#1a51ff
```
#1a51ff rgb(26,81,255)
```
#3364ff
```
#3364ff rgb(51,100,255)
```
#4d78ff
```
#4d78ff rgb(77,120,255)
```
#668bff
```
#668bff rgb(102,139,255)
```
#809eff
```
#809eff rgb(128,158,255)
```
#99b2ff
```
#99b2ff rgb(153,178,255)
```
#b3c5ff
```
#b3c5ff rgb(179,197,255)
```

Monochromatic Color

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

#66b1ff
```
#66b1ff rgb(102,177,255)
```
#66a5ff
```
#66a5ff rgb(102,165,255)
```
#6698ff
```
#6698ff rgb(102,152,255)
```
#668bff
```
#668bff rgb(102,139,255)
```
#667eff
```
#667eff rgb(102,126,255)
```
#6672ff
```
#6672ff rgb(102,114,255)
```
#6766ff
```
#6766ff rgb(103,102,255)
```

Similar Colors

Text with hexadecimal color #668bff

This text has a font color of #668bff.

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

#668bff background color

This paragraph has a background color of #668bff.

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

#668bff border color

This element has a border color of #668bff.

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

CSS codes

.text {color:#668bff;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000618
```
#000618 rgb(0,6,24)
```
#000a2b
```
#000a2b rgb(0,10,43)
```
#000f3f
```
#000f3f rgb(0,15,63)
```
#001452
```
#001452 rgb(0,20,82)
```
#001966
```
#001966 rgb(0,25,102)
```
#001d7a
```
#001d7a rgb(0,29,122)
```
#00228d
```
#00228d rgb(0,34,141)
```
#0027a1
```
#0027a1 rgb(0,39,161)
```
#002cb4
```
#002cb4 rgb(0,44,180)
```
#0030c8
```
#0030c8 rgb(0,48,200)
```
#0035dc
```
#0035dc rgb(0,53,220)
```
#003aef
```
#003aef rgb(0,58,239)
```

Shade Color Variation

#0441ff
```
#0441ff rgb(4,65,255)
```
#1850ff
```
#1850ff rgb(24,80,255)
```
#2b5eff
```
#2b5eff rgb(43,94,255)
```
#3f6dff
```
#3f6dff rgb(63,109,255)
```
#527cff
```
#527cff rgb(82,124,255)
```
#668bff
```
#668bff rgb(102,139,255)
```
#7a9aff
```
#7a9aff rgb(122,154,255)
```
#8da9ff
```
#8da9ff rgb(141,169,255)
```
#a1b8ff
```
#a1b8ff rgb(161,184,255)
```
#b4c6ff
```
#b4c6ff rgb(180,198,255)
```
#c8d5ff
```
#c8d5ff rgb(200,213,255)
```
#dce4ff
```
#dce4ff rgb(220,228,255)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#adafb8
```
#adafb8 rgb(173,175,184)
```
#a7acbe
```
#a7acbe rgb(167,172,190)
```
#a1a9c4
```
#a1a9c4 rgb(161,169,196)
```
#9ba6ca
```
#9ba6ca rgb(155,166,202)
```
#95a3d0
```
#95a3d0 rgb(149,163,208)
```
#8fa0d6
```
#8fa0d6 rgb(143,160,214)
```
#899ddc
```
#899ddc rgb(137,157,220)
```
#839ae2
```
#839ae2 rgb(131,154,226)
```
#7e97e7
```
#7e97e7 rgb(126,151,231)
```
#7894ed
```
#7894ed rgb(120,148,237)
```
#7291f3
```
#7291f3 rgb(114,145,243)
```
#6c8ef9
```
#6c8ef9 rgb(108,142,249)
```
#668bff
```
#668bff rgb(102,139,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#858da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f93ff Protanopia 1% of men
#3499fb Deuteranopia 1% of men
#3aa4b0 Tritanopia 0.001% of the population

Trichromacy

#6190ff Protanomaly 1% of men, 0.01% of women
#4694fc Deuteranomaly 6% of men, 0.4% of women
#4a9bcc Tritanomaly 0.01% of the population