#667ea5 Color Information
In a RGB color space, hex #667ea5 is composed of 40% red, 49.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 23.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.1 degrees, a saturation of 25.9% and a lightness of 52.4%. #667ea5 color hex could be obtained by blending #ccfcff with #00004b. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 65
-
- C 38
- M 24
- Y 0
- K 35
● #667ea5 color description : Mostly desaturated dark blue.
#667ea5 Color Conversion
The hexadecimal color #667ea5 has RGB values of R:102, G:126, B:165 and CMYK values of C:0.38, M:0.24, Y:0, K:0.35. Its decimal value is 6717093.
Hex triplet | 667ea5 | #667ea5 |
---|---|---|
RGB Decimal | 102, 126, 165 | rgb(102,126,165) |
RGB Percent | 40, 49.4, 64.7 | rgb(40%,49.4%,64.7%) |
CMYK | 38, 24, 0, 35 | |
HSL | 217.1°, 25.9, 52.4 | hsl(217.1,25.9%,52.4%) |
HSV (or HSB) | 217.1°, 38.2, 64.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.356, 1.415, -23.577 |
---|---|
XYZ | 19.73, 20.462, 38.505 |
xyY | 0.251, 0.26, 20.462 |
CIE-LCH | 52.356, 23.62, 273.434 |
CIE-LUV | 52.356, -13.176, -35.292 |
Hunter-Lab | 45.235, -1.305, -18.804 |
Binary | 01100110, 01111110, 10100101 |
Color Schemes with #667ea5
Alternatives to #667ea5
Below, you can see some colors close to #667ea5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667ea5 Preview
This text has a font color of #667ea5.
<span style="color:#667ea5;">Text here</span>
This paragraph has a background color of #667ea5.
<p style="background-color:#667ea5;">Content here</p>
This element has a border color of #667ea5.
<div style="border:1px solid #667ea5;">Content here</div>
.text {color:#667ea5;}
.background {background-color:#667ea5;}
.border {border:1px solid #667ea5;}
Shades and Tints of #667ea5
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, #040608 is the darkest color, while #fafbfc is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0c0f14
#0c0f14
rgb(12,15,20)
-
#131820
#131820
rgb(19,24,32)
-
#1a212d
#1a212d
rgb(26,33,45)
-
#222a39
#222a39
rgb(34,42,57)
-
#293445
#293445
rgb(41,52,69)
-
#303d52
#303d52
rgb(48,61,82)
-
#37465e
#37465e
rgb(55,70,94)
-
#3f4f6a
#3f4f6a
rgb(63,79,106)
-
#465877
#465877
rgb(70,88,119)
-
#4d6283
#4d6283
rgb(77,98,131)
-
#546b8f
#546b8f
rgb(84,107,143)
-
#5c749c
#5c749c
rgb(92,116,156)
-
#667ea5
#667ea5
rgb(102,126,165)
-
#7288ac
#7288ac
rgb(114,136,172)
-
#7f93b4
#7f93b4
rgb(127,147,180)
-
#8b9dbb
#8b9dbb
rgb(139,157,187)
-
#97a8c2
#97a8c2
rgb(151,168,194)
-
#a4b2c9
#a4b2c9
rgb(164,178,201)
-
#b0bcd1
#b0bcd1
rgb(176,188,209)
-
#bcc7d8
#bcc7d8
rgb(188,199,216)
-
#c9d1df
#c9d1df
rgb(201,209,223)
-
#d5dce6
#d5dce6
rgb(213,220,230)
-
#e2e6ee
#e2e6ee
rgb(226,230,238)
-
#eef1f5
#eef1f5
rgb(238,241,245)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #667ea5
A tone is produced by adding gray to any pure hue. In this case, #828589 is the less saturated color, while #126af9 is the most saturated one.
-
#828589
#828589
rgb(130,133,137)
-
#798292
#798292
rgb(121,130,146)
-
#6f809c
#6f809c
rgb(111,128,156)
-
#667ea5
#667ea5
rgb(102,126,165)
-
#5d7cae
#5d7cae
rgb(93,124,174)
-
#537ab8
#537ab8
rgb(83,122,184)
-
#4a77c1
#4a77c1
rgb(74,119,193)
-
#4175ca
#4175ca
rgb(65,117,202)
-
#3773d4
#3773d4
rgb(55,115,212)
-
#2e71dd
#2e71dd
rgb(46,113,221)
-
#256ee6
#256ee6
rgb(37,110,230)
-
#1b6cf0
#1b6cf0
rgb(27,108,240)
-
#126af9
#126af9
rgb(18,106,249)
Color Blindness Simulator
Below, you can see how #667ea5 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.