#667ceb Color Information
In a RGB color space, hex #667ceb is composed of 40% red, 48.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 47.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 230.1 degrees, a saturation of 76.9% and a lightness of 66.1%. #667ceb color hex could be obtained by blending #ccf8ff with #0000d7. Closest websafe color is: #6666ff.
-
- R 40
- G 49
- B 92
-
- C 57
- M 47
- Y 0
- K 8
● #667ceb color description : Soft blue.
#667ceb Color Conversion
The hexadecimal color #667ceb has RGB values of R:102, G:124, B:235 and CMYK values of C:0.57, M:0.47, Y:0, K:0.08. Its decimal value is 6716651.
Hex triplet | 667ceb | #667ceb |
---|---|---|
RGB Decimal | 102, 124, 235 | rgb(102,124,235) |
RGB Percent | 40, 48.6, 92.2 | rgb(40%,48.6%,92.2%) |
CMYK | 57, 47, 0, 8 | |
HSL | 230.1°, 76.9, 66.1 | hsl(230.1,76.9%,66.1%) |
HSV (or HSB) | 230.1°, 56.6, 92.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.316, 24.023, -58.722 |
---|---|
XYZ | 27.679, 23.237, 81.619 |
xyY | 0.209, 0.175, 23.237 |
CIE-LCH | 55.316, 63.446, 292.25 |
CIE-LUV | 55.316, -14.078, -94.647 |
Hunter-Lab | 48.205, 18.138, -66.645 |
Binary | 01100110, 01111100, 11101011 |
Color Schemes with #667ceb
Alternatives to #667ceb
Below, you can see some colors close to #667ceb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ceb Preview
This text has a font color of #667ceb.
<span style="color:#667ceb;">Text here</span>
This paragraph has a background color of #667ceb.
<p style="background-color:#667ceb;">Content here</p>
This element has a border color of #667ceb.
<div style="border:1px solid #667ceb;">Content here</div>
.text {color:#667ceb;}
.background {background-color:#667ceb;}
.border {border:1px solid #667ceb;}
Shades and Tints of #667ceb
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, #000103 is the darkest color, while #f1f3fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030614
#030614
rgb(3,6,20)
-
#050a26
#050a26
rgb(5,10,38)
-
#070f37
#070f37
rgb(7,15,55)
-
#091449
#091449
rgb(9,20,73)
-
#0c195a
#0c195a
rgb(12,25,90)
-
#0e1d6b
#0e1d6b
rgb(14,29,107)
-
#10227d
#10227d
rgb(16,34,125)
-
#13278e
#13278e
rgb(19,39,142)
-
#152c9f
#152c9f
rgb(21,44,159)
-
#1730b1
#1730b1
rgb(23,48,177)
-
#1935c2
#1935c2
rgb(25,53,194)
-
#1c3ad3
#1c3ad3
rgb(28,58,211)
-
#2141e2
#2141e2
rgb(33,65,226)
-
#324fe4
#324fe4
rgb(50,79,228)
-
#435ee6
#435ee6
rgb(67,94,230)
-
#556de9
#556de9
rgb(85,109,233)
-
#667ceb
#667ceb
rgb(102,124,235)
-
#778bed
#778bed
rgb(119,139,237)
-
#899af0
#899af0
rgb(137,154,240)
-
#9aa9f2
#9aa9f2
rgb(154,169,242)
-
#abb7f4
#abb7f4
rgb(171,183,244)
-
#bdc6f6
#bdc6f6
rgb(189,198,246)
-
#ced5f9
#ced5f9
rgb(206,213,249)
-
#dfe4fb
#dfe4fb
rgb(223,228,251)
-
#f1f3fd
#f1f3fd
rgb(241,243,253)
Tones of #667ceb
A tone is produced by adding gray to any pure hue. In this case, #a2a4af is the less saturated color, while #526fff is the most saturated one.
-
#a2a4af
#a2a4af
rgb(162,164,175)
-
#9ba0b6
#9ba0b6
rgb(155,160,182)
-
#959bbc
#959bbc
rgb(149,155,188)
-
#8e97c3
#8e97c3
rgb(142,151,195)
-
#8792ca
#8792ca
rgb(135,146,202)
-
#818ed0
#818ed0
rgb(129,142,208)
-
#7a89d7
#7a89d7
rgb(122,137,215)
-
#7385de
#7385de
rgb(115,133,222)
-
#6d80e4
#6d80e4
rgb(109,128,228)
-
#667ceb
#667ceb
rgb(102,124,235)
-
#5f78f2
#5f78f2
rgb(95,120,242)
-
#5973f8
#5973f8
rgb(89,115,248)
-
#526fff
#526fff
rgb(82,111,255)
Color Blindness Simulator
Below, you can see how #667ceb 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.