#667ade Color Information
In a RGB color space, hex #667ade is composed of 40% red, 47.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 45% magenta, 0% yellow and 12.9% black. It has a hue angle of 230 degrees, a saturation of 64.5% and a lightness of 63.5%. #667ade color hex could be obtained by blending #ccf4ff with #0000bd. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 87
-
- C 54
- M 45
- Y 0
- K 13
● #667ade color description : Soft blue.
#667ade Color Conversion
The hexadecimal color #667ade has RGB values of R:102, G:122, B:222 and CMYK values of C:0.54, M:0.45, Y:0, K:0.13. Its decimal value is 6716126.
Hex triplet | 667ade | #667ade |
---|---|---|
RGB Decimal | 102, 122, 222 | rgb(102,122,222) |
RGB Percent | 40, 47.8, 87.1 | rgb(40%,47.8%,87.1%) |
CMYK | 54, 45, 0, 13 | |
HSL | 230°, 64.5, 63.5 | hsl(230,64.5%,63.5%) |
HSV (or HSB) | 230°, 54.1, 87.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.045, 21.074, -53.478 |
---|---|
XYZ | 25.621, 22.017, 72.003 |
xyY | 0.214, 0.184, 22.017 |
CIE-LCH | 54.045, 57.481, 291.508 |
CIE-LUV | 54.045, -13.091, -85.608 |
Hunter-Lab | 46.922, 15.354, -58.137 |
Binary | 01100110, 01111010, 11011110 |
Color Schemes with #667ade
Alternatives to #667ade
Below, you can see some colors close to #667ade. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ade Preview
This text has a font color of #667ade.
<span style="color:#667ade;">Text here</span>
This paragraph has a background color of #667ade.
<p style="background-color:#667ade;">Content here</p>
This element has a border color of #667ade.
<div style="border:1px solid #667ade;">Content here</div>
.text {color:#667ade;}
.background {background-color:#667ade;}
.border {border:1px solid #667ade;}
Shades and Tints of #667ade
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, #020308 is the darkest color, while #f7f8fd is the lightest one.
-
#020308
#020308
rgb(2,3,8)
-
#050818
#050818
rgb(5,8,24)
-
#090e29
#090e29
rgb(9,14,41)
-
#0c1439
#0c1439
rgb(12,20,57)
-
#101949
#101949
rgb(16,25,73)
-
#131f59
#131f59
rgb(19,31,89)
-
#172469
#172469
rgb(23,36,105)
-
#1a2a79
#1a2a79
rgb(26,42,121)
-
#1e3089
#1e3089
rgb(30,48,137)
-
#21359a
#21359a
rgb(33,53,154)
-
#253baa
#253baa
rgb(37,59,170)
-
#2840ba
#2840ba
rgb(40,64,186)
-
#2c46ca
#2c46ca
rgb(44,70,202)
-
#3650d4
#3650d4
rgb(54,80,212)
-
#465ed7
#465ed7
rgb(70,94,215)
-
#566cdb
#566cdb
rgb(86,108,219)
-
#667ade
#667ade
rgb(102,122,222)
-
#7688e1
#7688e1
rgb(118,136,225)
-
#8696e5
#8696e5
rgb(134,150,229)
-
#96a4e8
#96a4e8
rgb(150,164,232)
-
#a7b2ec
#a7b2ec
rgb(167,178,236)
-
#b7c0ef
#b7c0ef
rgb(183,192,239)
-
#c7cef3
#c7cef3
rgb(199,206,243)
-
#d7dcf6
#d7dcf6
rgb(215,220,246)
-
#e7eafa
#e7eafa
rgb(231,234,250)
-
#f7f8fd
#f7f8fd
rgb(247,248,253)
Tones of #667ade
A tone is produced by adding gray to any pure hue. In this case, #9fa0a5 is the less saturated color, while #4967fb is the most saturated one.
-
#9fa0a5
#9fa0a5
rgb(159,160,165)
-
#989bac
#989bac
rgb(152,155,172)
-
#9197b3
#9197b3
rgb(145,151,179)
-
#8a92ba
#8a92ba
rgb(138,146,186)
-
#838dc1
#838dc1
rgb(131,141,193)
-
#7b88c9
#7b88c9
rgb(123,136,201)
-
#7484d0
#7484d0
rgb(116,132,208)
-
#6d7fd7
#6d7fd7
rgb(109,127,215)
-
#667ade
#667ade
rgb(102,122,222)
-
#5f75e5
#5f75e5
rgb(95,117,229)
-
#5870ec
#5870ec
rgb(88,112,236)
-
#516cf3
#516cf3
rgb(81,108,243)
-
#4967fb
#4967fb
rgb(73,103,251)
Color Blindness Simulator
Below, you can see how #667ade 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.