#663aff Color Information
In a RGB color space, hex #663aff is composed of 40% red, 22.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 77.3% magenta, 0% yellow and 0% black. It has a hue angle of 253.4 degrees, a saturation of 100% and a lightness of 61.4%. #663aff color hex could be obtained by blending #cc74ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 40
- G 23
- B 100
-
- C 60
- M 77
- Y 0
- K 0
● #663aff color description : Light blue.
#663aff Color Conversion
The hexadecimal color #663aff has RGB values of R:102, G:58, B:255 and CMYK values of C:0.6, M:0.77, Y:0, K:0. Its decimal value is 6699775.
Hex triplet | 663aff | #663aff |
---|---|---|
RGB Decimal | 102, 58, 255 | rgb(102,58,255) |
RGB Percent | 40, 22.7, 100 | rgb(40%,22.7%,100%) |
CMYK | 60, 77, 0, 0 | |
HSL | 253.4°, 100, 61.4 | hsl(253.4,100%,61.4%) |
HSV (or HSB) | 253.4°, 77.3, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 42.869, 66.783, -90.152 |
---|---|
XYZ | 25.039, 13.07, 95.806 |
xyY | 0.187, 0.098, 13.07 |
CIE-LCH | 42.869, 112.193, 306.53 |
CIE-LUV | 42.869, -0.489, -132.084 |
Hunter-Lab | 36.152, 60.362, -131.814 |
Binary | 01100110, 00111010, 11111111 |
Color Schemes with #663aff
Alternatives to #663aff
Below, you can see some colors close to #663aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663aff Preview
This text has a font color of #663aff.
<span style="color:#663aff;">Text here</span>
This paragraph has a background color of #663aff.
<p style="background-color:#663aff;">Content here</p>
This element has a border color of #663aff.
<div style="border:1px solid #663aff;">Content here</div>
.text {color:#663aff;}
.background {background-color:#663aff;}
.border {border:1px solid #663aff;}
Shades and Tints of #663aff
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, #040013 is the darkest color, while #fefeff is the lightest one.
-
#040013
#040013
rgb(4,0,19)
-
#090026
#090026
rgb(9,0,38)
-
#0d003a
#0d003a
rgb(13,0,58)
-
#11004e
#11004e
rgb(17,0,78)
-
#160061
#160061
rgb(22,0,97)
-
#1a0075
#1a0075
rgb(26,0,117)
-
#1e0088
#1e0088
rgb(30,0,136)
-
#23009c
#23009c
rgb(35,0,156)
-
#2700b0
#2700b0
rgb(39,0,176)
-
#2c00c3
#2c00c3
rgb(44,0,195)
-
#3000d7
#3000d7
rgb(48,0,215)
-
#3400eb
#3400eb
rgb(52,0,235)
-
#3900fe
#3900fe
rgb(57,0,254)
-
#4813ff
#4813ff
rgb(72,19,255)
-
#5726ff
#5726ff
rgb(87,38,255)
-
#663aff
#663aff
rgb(102,58,255)
-
#754eff
#754eff
rgb(117,78,255)
-
#8461ff
#8461ff
rgb(132,97,255)
-
#9475ff
#9475ff
rgb(148,117,255)
-
#a388ff
#a388ff
rgb(163,136,255)
-
#b29cff
#b29cff
rgb(178,156,255)
-
#c1b0ff
#c1b0ff
rgb(193,176,255)
-
#d1c3ff
#d1c3ff
rgb(209,195,255)
-
#e0d7ff
#e0d7ff
rgb(224,215,255)
-
#efebff
#efebff
rgb(239,235,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #663aff
A tone is produced by adding gray to any pure hue. In this case, #9895a4 is the less saturated color, while #663aff is the most saturated one.
-
#9895a4
#9895a4
rgb(152,149,164)
-
#948dac
#948dac
rgb(148,141,172)
-
#9086b3
#9086b3
rgb(144,134,179)
-
#8c7ebb
#8c7ebb
rgb(140,126,187)
-
#8877c2
#8877c2
rgb(136,119,194)
-
#836fca
#836fca
rgb(131,111,202)
-
#7f67d2
#7f67d2
rgb(127,103,210)
-
#7b60d9
#7b60d9
rgb(123,96,217)
-
#7758e1
#7758e1
rgb(119,88,225)
-
#7351e8
#7351e8
rgb(115,81,232)
-
#6e49f0
#6e49f0
rgb(110,73,240)
-
#6a42f7
#6a42f7
rgb(106,66,247)
-
#663aff
#663aff
rgb(102,58,255)
Color Blindness Simulator
Below, you can see how #663aff 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.