#6662ff Color Information
In a RGB color space, hex #6662ff is composed of 40% red, 38.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 61.6% magenta, 0% yellow and 0% black. It has a hue angle of 241.5 degrees, a saturation of 100% and a lightness of 69.2%. #6662ff color hex could be obtained by blending #ccc4ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 38
- B 100
-
- C 60
- M 62
- Y 0
- K 0
● #6662ff color description : Light blue.
#6662ff Color Conversion
The hexadecimal color #6662ff has RGB values of R:102, G:98, B:255 and CMYK values of C:0.6, M:0.62, Y:0, K:0. Its decimal value is 6710015.
Hex triplet | 6662ff | #6662ff |
---|---|---|
RGB Decimal | 102, 98, 255 | rgb(102,98,255) |
RGB Percent | 40, 38.4, 100 | rgb(40%,38.4%,100%) |
CMYK | 60, 62, 0, 0 | |
HSL | 241.5°, 100, 69.2 | hsl(241.5,100%,69.2%) |
HSV (or HSB) | 241.5°, 61.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.428, 45.945, -77.751 |
---|---|
XYZ | 27.894, 18.779, 96.757 |
xyY | 0.194, 0.131, 18.779 |
CIE-LCH | 50.428, 90.312, 300.58 |
CIE-LUV | 50.428, -7.759, -122.315 |
Hunter-Lab | 43.335, 39.061, -102.048 |
Binary | 01100110, 01100010, 11111111 |
Color Schemes with #6662ff
Alternatives to #6662ff
Below, you can see some colors close to #6662ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6662ff Preview
This text has a font color of #6662ff.
<span style="color:#6662ff;">Text here</span>
This paragraph has a background color of #6662ff.
<p style="background-color:#6662ff;">Content here</p>
This element has a border color of #6662ff.
<div style="border:1px solid #6662ff;">Content here</div>
.text {color:#6662ff;}
.background {background-color:#6662ff;}
.border {border:1px solid #6662ff;}
Shades and Tints of #6662ff
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, #000014 is the darkest color, while #ffffff is the lightest one.
-
#000014
#000014
rgb(0,0,20)
-
#010027
#010027
rgb(1,0,39)
-
#01003b
#01003b
rgb(1,0,59)
-
#02004e
#02004e
rgb(2,0,78)
-
#020062
#020062
rgb(2,0,98)
-
#030076
#030076
rgb(3,0,118)
-
#030089
#030089
rgb(3,0,137)
-
#04009d
#04009d
rgb(4,0,157)
-
#0400b0
#0400b0
rgb(4,0,176)
-
#0500c4
#0500c4
rgb(5,0,196)
-
#0500d8
#0500d8
rgb(5,0,216)
-
#0600eb
#0600eb
rgb(6,0,235)
-
#0600ff
#0600ff
rgb(6,0,255)
-
#1a14ff
#1a14ff
rgb(26,20,255)
-
#2d27ff
#2d27ff
rgb(45,39,255)
-
#403bff
#403bff
rgb(64,59,255)
-
#534eff
#534eff
rgb(83,78,255)
-
#6662ff
#6662ff
rgb(102,98,255)
-
#7976ff
#7976ff
rgb(121,118,255)
-
#8c89ff
#8c89ff
rgb(140,137,255)
-
#9f9dff
#9f9dff
rgb(159,157,255)
-
#b2b0ff
#b2b0ff
rgb(178,176,255)
-
#c6c4ff
#c6c4ff
rgb(198,196,255)
-
#d9d8ff
#d9d8ff
rgb(217,216,255)
-
#ecebff
#ecebff
rgb(236,235,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #6662ff
A tone is produced by adding gray to any pure hue. In this case, #abaab7 is the less saturated color, while #6662ff is the most saturated one.
-
#abaab7
#abaab7
rgb(171,170,183)
-
#a5a4bd
#a5a4bd
rgb(165,164,189)
-
#9f9ec3
#9f9ec3
rgb(159,158,195)
-
#9a98c9
#9a98c9
rgb(154,152,201)
-
#9492cf
#9492cf
rgb(148,146,207)
-
#8e8cd5
#8e8cd5
rgb(142,140,213)
-
#8886db
#8886db
rgb(136,134,219)
-
#8380e1
#8380e1
rgb(131,128,225)
-
#7d7ae7
#7d7ae7
rgb(125,122,231)
-
#7774ed
#7774ed
rgb(119,116,237)
-
#716ef3
#716ef3
rgb(113,110,243)
-
#6c68f9
#6c68f9
rgb(108,104,249)
-
#6662ff
#6662ff
rgb(102,98,255)
Color Blindness Simulator
Below, you can see how #6662ff 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.