#667af4 Color Information
In a RGB color space, hex #667af4 is composed of 40% red, 47.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 50% magenta, 0% yellow and 4.3% black. It has a hue angle of 231.5 degrees, a saturation of 86.6% and a lightness of 67.8%. #667af4 color hex could be obtained by blending #ccf4ff with #0000e9. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 96
-
- C 58
- M 50
- Y 0
- K 4
● #667af4 color description : Soft blue.
#667af4 Color Conversion
The hexadecimal color #667af4 has RGB values of R:102, G:122, B:244 and CMYK values of C:0.58, M:0.5, Y:0, K:0.04. Its decimal value is 6716148.
Hex triplet | 667af4 | #667af4 |
---|---|---|
RGB Decimal | 102, 122, 244 | rgb(102,122,244) |
RGB Percent | 40, 47.8, 95.7 | rgb(40%,47.8%,95.7%) |
CMYK | 58, 50, 0, 4 | |
HSL | 231.5°, 86.6, 67.8 | hsl(231.5,86.6%,67.8%) |
HSV (or HSB) | 231.5°, 58.2, 95.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.354, 28.136, -63.667 |
---|---|
XYZ | 28.765, 23.274, 88.56 |
xyY | 0.205, 0.166, 23.274 |
CIE-LCH | 55.354, 69.607, 293.842 |
CIE-LUV | 55.354, -13.71, -102.796 |
Hunter-Lab | 48.243, 22.004, -75.068 |
Binary | 01100110, 01111010, 11110100 |
Color Schemes with #667af4
Alternatives to #667af4
Below, you can see some colors close to #667af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#667af4 Preview
This text has a font color of #667af4.
<span style="color:#667af4;">Text here</span>
This paragraph has a background color of #667af4.
<p style="background-color:#667af4;">Content here</p>
This element has a border color of #667af4.
<div style="border:1px solid #667af4;">Content here</div>
.text {color:#667af4;}
.background {background-color:#667af4;}
.border {border:1px solid #667af4;}
Shades and Tints of #667af4
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, #01020c is the darkest color, while #f8f9ff is the lightest one.
-
#01020c
#01020c
rgb(1,2,12)
-
#02061e
#02061e
rgb(2,6,30)
-
#030a30
#030a30
rgb(3,10,48)
-
#050d43
#050d43
rgb(5,13,67)
-
#061155
#061155
rgb(6,17,85)
-
#071567
#071567
rgb(7,21,103)
-
#091979
#091979
rgb(9,25,121)
-
#0a1c8c
#0a1c8c
rgb(10,28,140)
-
#0b209e
#0b209e
rgb(11,32,158)
-
#0d24b0
#0d24b0
rgb(13,36,176)
-
#0e27c3
#0e27c3
rgb(14,39,195)
-
#0f2bd5
#0f2bd5
rgb(15,43,213)
-
#112fe7
#112fe7
rgb(17,47,231)
-
#1d3aef
#1d3aef
rgb(29,58,239)
-
#2f4af0
#2f4af0
rgb(47,74,240)
-
#415af1
#415af1
rgb(65,90,241)
-
#546af3
#546af3
rgb(84,106,243)
-
#667af4
#667af4
rgb(102,122,244)
-
#788af5
#788af5
rgb(120,138,245)
-
#8b9af7
#8b9af7
rgb(139,154,247)
-
#9daaf8
#9daaf8
rgb(157,170,248)
-
#afbaf9
#afbaf9
rgb(175,186,249)
-
#c1cafb
#c1cafb
rgb(193,202,251)
-
#d4d9fc
#d4d9fc
rgb(212,217,252)
-
#e6e9fd
#e6e9fd
rgb(230,233,253)
-
#f8f9ff
#f8f9ff
rgb(248,249,255)
Tones of #667af4
A tone is produced by adding gray to any pure hue. In this case, #abacaf is the less saturated color, while #6075fa is the most saturated one.
-
#abacaf
#abacaf
rgb(171,172,175)
-
#a5a7b5
#a5a7b5
rgb(165,167,181)
-
#9fa3bb
#9fa3bb
rgb(159,163,187)
-
#989ec2
#989ec2
rgb(152,158,194)
-
#929ac8
#929ac8
rgb(146,154,200)
-
#8c95ce
#8c95ce
rgb(140,149,206)
-
#8691d4
#8691d4
rgb(134,145,212)
-
#7f8cdb
#7f8cdb
rgb(127,140,219)
-
#7988e1
#7988e1
rgb(121,136,225)
-
#7383e7
#7383e7
rgb(115,131,231)
-
#6c7fee
#6c7fee
rgb(108,127,238)
-
#667af4
#667af4
rgb(102,122,244)
-
#6075fa
#6075fa
rgb(96,117,250)
Color Blindness Simulator
Below, you can see how #667af4 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.