#667aa5 Color Information
In a RGB color space, hex #667aa5 is composed of 40% red, 47.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 26.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 221 degrees, a saturation of 25.9% and a lightness of 52.4%. #667aa5 color hex could be obtained by blending #ccf4ff with #00004b. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 65
-
- C 38
- M 26
- Y 0
- K 35
● #667aa5 color description : Mostly desaturated dark blue.
#667aa5 Color Conversion
The hexadecimal color #667aa5 has RGB values of R:102, G:122, B:165 and CMYK values of C:0.38, M:0.26, Y:0, K:0.35. Its decimal value is 6716069.
Hex triplet | 667aa5 | #667aa5 |
---|---|---|
RGB Decimal | 102, 122, 165 | rgb(102,122,165) |
RGB Percent | 40, 47.8, 64.7 | rgb(40%,47.8%,64.7%) |
CMYK | 38, 26, 0, 35 | |
HSL | 221°, 25.9, 52.4 | hsl(221,25.9%,52.4%) |
HSV (or HSB) | 221°, 38.2, 64.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.221, 3.779, -25.33 |
---|---|
XYZ | 19.229, 19.46, 38.338 |
xyY | 0.25, 0.253, 19.46 |
CIE-LCH | 51.221, 25.61, 278.485 |
CIE-LUV | 51.221, -11.549, -38.187 |
Hunter-Lab | 44.113, 0.61, -20.649 |
Binary | 01100110, 01111010, 10100101 |
Color Schemes with #667aa5
Alternatives to #667aa5
Below, you can see some colors close to #667aa5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667aa5 Preview
This text has a font color of #667aa5.
<span style="color:#667aa5;">Text here</span>
This paragraph has a background color of #667aa5.
<p style="background-color:#667aa5;">Content here</p>
This element has a border color of #667aa5.
<div style="border:1px solid #667aa5;">Content here</div>
.text {color:#667aa5;}
.background {background-color:#667aa5;}
.border {border:1px solid #667aa5;}
Shades and Tints of #667aa5
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, #040508 is the darkest color, while #fafbfc is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0c0e14
#0c0e14
rgb(12,14,20)
-
#131720
#131720
rgb(19,23,32)
-
#1a202d
#1a202d
rgb(26,32,45)
-
#222939
#222939
rgb(34,41,57)
-
#293245
#293245
rgb(41,50,69)
-
#303b52
#303b52
rgb(48,59,82)
-
#37445e
#37445e
rgb(55,68,94)
-
#3f4c6a
#3f4c6a
rgb(63,76,106)
-
#465577
#465577
rgb(70,85,119)
-
#4d5e83
#4d5e83
rgb(77,94,131)
-
#54678f
#54678f
rgb(84,103,143)
-
#5c709c
#5c709c
rgb(92,112,156)
-
#667aa5
#667aa5
rgb(102,122,165)
-
#7285ac
#7285ac
rgb(114,133,172)
-
#7f8fb4
#7f8fb4
rgb(127,143,180)
-
#8b9abb
#8b9abb
rgb(139,154,187)
-
#97a5c2
#97a5c2
rgb(151,165,194)
-
#a4b0c9
#a4b0c9
rgb(164,176,201)
-
#b0bad1
#b0bad1
rgb(176,186,209)
-
#bcc5d8
#bcc5d8
rgb(188,197,216)
-
#c9d0df
#c9d0df
rgb(201,208,223)
-
#d5dbe6
#d5dbe6
rgb(213,219,230)
-
#e2e5ee
#e2e5ee
rgb(226,229,238)
-
#eef0f5
#eef0f5
rgb(238,240,245)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #667aa5
A tone is produced by adding gray to any pure hue. In this case, #828489 is the less saturated color, while #125bf9 is the most saturated one.
-
#828489
#828489
rgb(130,132,137)
-
#798192
#798192
rgb(121,129,146)
-
#6f7d9c
#6f7d9c
rgb(111,125,156)
-
#667aa5
#667aa5
rgb(102,122,165)
-
#5d77ae
#5d77ae
rgb(93,119,174)
-
#5373b8
#5373b8
rgb(83,115,184)
-
#4a70c1
#4a70c1
rgb(74,112,193)
-
#416cca
#416cca
rgb(65,108,202)
-
#3769d4
#3769d4
rgb(55,105,212)
-
#2e66dd
#2e66dd
rgb(46,102,221)
-
#2562e6
#2562e6
rgb(37,98,230)
-
#1b5ff0
#1b5ff0
rgb(27,95,240)
-
#125bf9
#125bf9
rgb(18,91,249)
Color Blindness Simulator
Below, you can see how #667aa5 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.