#6661ff Color Information
In a RGB color space, hex #6661ff is composed of 40% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 241.9 degrees, a saturation of 100% and a lightness of 69%. #6661ff color hex could be obtained by blending #ccc2ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 38
- B 100
-
- C 60
- M 62
- Y 0
- K 0
● #6661ff color description : Light blue.
#6661ff Color Conversion
The hexadecimal color #6661ff has RGB values of R:102, G:97, B:255 and CMYK values of C:0.6, M:0.62, Y:0, K:0. Its decimal value is 6709759.
Hex triplet | 6661ff | #6661ff |
---|---|---|
RGB Decimal | 102, 97, 255 | rgb(102,97,255) |
RGB Percent | 40, 38, 100 | rgb(40%,38%,100%) |
CMYK | 60, 62, 0, 0 | |
HSL | 241.9°, 100, 69 | hsl(241.9,100%,69%) |
HSV (or HSB) | 241.9°, 62, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.208, 46.524, -78.11 |
---|---|
XYZ | 27.801, 18.593, 96.726 |
xyY | 0.194, 0.13, 18.593 |
CIE-LCH | 50.208, 90.916, 300.779 |
CIE-LUV | 50.208, -7.526, -122.695 |
Hunter-Lab | 43.12, 39.626, -102.816 |
Binary | 01100110, 01100001, 11111111 |
Color Schemes with #6661ff
Alternatives to #6661ff
Below, you can see some colors close to #6661ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6661ff Preview
This text has a font color of #6661ff.
<span style="color:#6661ff;">Text here</span>
This paragraph has a background color of #6661ff.
<p style="background-color:#6661ff;">Content here</p>
This element has a border color of #6661ff.
<div style="border:1px solid #6661ff;">Content here</div>
.text {color:#6661ff;}
.background {background-color:#6661ff;}
.border {border:1px solid #6661ff;}
Shades and Tints of #6661ff
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, #010013 is the darkest color, while #fefeff is the lightest one.
-
#010013
#010013
rgb(1,0,19)
-
#010026
#010026
rgb(1,0,38)
-
#02003a
#02003a
rgb(2,0,58)
-
#02004d
#02004d
rgb(2,0,77)
-
#030061
#030061
rgb(3,0,97)
-
#040075
#040075
rgb(4,0,117)
-
#040088
#040088
rgb(4,0,136)
-
#05009c
#05009c
rgb(5,0,156)
-
#0600af
#0600af
rgb(6,0,175)
-
#0600c3
#0600c3
rgb(6,0,195)
-
#0700d7
#0700d7
rgb(7,0,215)
-
#0700ea
#0700ea
rgb(7,0,234)
-
#0800fe
#0800fe
rgb(8,0,254)
-
#1a13ff
#1a13ff
rgb(26,19,255)
-
#2d26ff
#2d26ff
rgb(45,38,255)
-
#403aff
#403aff
rgb(64,58,255)
-
#534dff
#534dff
rgb(83,77,255)
-
#6661ff
#6661ff
rgb(102,97,255)
-
#7975ff
#7975ff
rgb(121,117,255)
-
#8c88ff
#8c88ff
rgb(140,136,255)
-
#9f9cff
#9f9cff
rgb(159,156,255)
-
#b2afff
#b2afff
rgb(178,175,255)
-
#c5c3ff
#c5c3ff
rgb(197,195,255)
-
#d8d7ff
#d8d7ff
rgb(216,215,255)
-
#ebeaff
#ebeaff
rgb(235,234,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #6661ff
A tone is produced by adding gray to any pure hue. In this case, #aaaab6 is the less saturated color, while #6661ff is the most saturated one.
-
#aaaab6
#aaaab6
rgb(170,170,182)
-
#a5a4bc
#a5a4bc
rgb(165,164,188)
-
#9f9ec2
#9f9ec2
rgb(159,158,194)
-
#9998c8
#9998c8
rgb(153,152,200)
-
#9492ce
#9492ce
rgb(148,146,206)
-
#8e8cd4
#8e8cd4
rgb(142,140,212)
-
#8885db
#8885db
rgb(136,133,219)
-
#827fe1
#827fe1
rgb(130,127,225)
-
#7d79e7
#7d79e7
rgb(125,121,231)
-
#7773ed
#7773ed
rgb(119,115,237)
-
#716df3
#716df3
rgb(113,109,243)
-
#6c67f9
#6c67f9
rgb(108,103,249)
-
#6661ff
#6661ff
rgb(102,97,255)
Color Blindness Simulator
Below, you can see how #6661ff 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.