#3666ff Color Information
In a RGB color space, hex #3666ff is composed of 21.2% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 225.7 degrees, a saturation of 100% and a lightness of 60.6%. #3666ff color hex could be obtained by blending #6cccff with #0000ff. Closest websafe color is: #3366ff.
-
- R 21
- G 40
- B 100
-
- C 79
- M 60
- Y 0
- K 0
● #3666ff color description : Light blue.
#3666ff Color Conversion
The hexadecimal color #3666ff has RGB values of R:54, G:102, B:255 and CMYK values of C:0.79, M:0.6, Y:0, K:0. Its decimal value is 3565311.
Hex triplet | 3666ff | #3666ff |
---|---|---|
RGB Decimal | 54, 102, 255 | rgb(54,102,255) |
RGB Percent | 21.2, 40, 100 | rgb(21.2%,40%,100%) |
CMYK | 79, 60, 0, 0 | |
HSL | 225.7°, 100, 60.6 | hsl(225.7,100%,60.6%) |
HSV (or HSB) | 225.7°, 78.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.89, 37.723, -80.363 |
---|---|
XYZ | 24.319, 17.505, 96.699 |
xyY | 0.176, 0.126, 17.505 |
CIE-LCH | 48.89, 88.777, 295.146 |
CIE-LUV | 48.89, -18.591, -124.121 |
Hunter-Lab | 41.839, 30.534, -107.744 |
Binary | 00110110, 01100110, 11111111 |
Color Schemes with #3666ff
Alternatives to #3666ff
Below, you can see some colors close to #3666ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3666ff Preview
This text has a font color of #3666ff.
<span style="color:#3666ff;">Text here</span>
This paragraph has a background color of #3666ff.
<p style="background-color:#3666ff;">Content here</p>
This element has a border color of #3666ff.
<div style="border:1px solid #3666ff;">Content here</div>
.text {color:#3666ff;}
.background {background-color:#3666ff;}
.border {border:1px solid #3666ff;}
Shades and Tints of #3666ff
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, #00040f is the darkest color, while #fafbff is the lightest one.
-
#00040f
#00040f
rgb(0,4,15)
-
#000822
#000822
rgb(0,8,34)
-
#000d36
#000d36
rgb(0,13,54)
-
#00124a
#00124a
rgb(0,18,74)
-
#00165d
#00165d
rgb(0,22,93)
-
#001b71
#001b71
rgb(0,27,113)
-
#002084
#002084
rgb(0,32,132)
-
#002498
#002498
rgb(0,36,152)
-
#0029ac
#0029ac
rgb(0,41,172)
-
#002ebf
#002ebf
rgb(0,46,191)
-
#0032d3
#0032d3
rgb(0,50,211)
-
#0037e7
#0037e7
rgb(0,55,231)
-
#003cfa
#003cfa
rgb(0,60,250)
-
#0f48ff
#0f48ff
rgb(15,72,255)
-
#2257ff
#2257ff
rgb(34,87,255)
-
#3666ff
#3666ff
rgb(54,102,255)
-
#4a75ff
#4a75ff
rgb(74,117,255)
-
#5d84ff
#5d84ff
rgb(93,132,255)
-
#7193ff
#7193ff
rgb(113,147,255)
-
#84a2ff
#84a2ff
rgb(132,162,255)
-
#98b1ff
#98b1ff
rgb(152,177,255)
-
#acc0ff
#acc0ff
rgb(172,192,255)
-
#bfcfff
#bfcfff
rgb(191,207,255)
-
#d3ddff
#d3ddff
rgb(211,221,255)
-
#e7ecff
#e7ecff
rgb(231,236,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #3666ff
A tone is produced by adding gray to any pure hue. In this case, #9396a2 is the less saturated color, while #3666ff is the most saturated one.
-
#9396a2
#9396a2
rgb(147,150,162)
-
#8b92aa
#8b92aa
rgb(139,146,170)
-
#838eb2
#838eb2
rgb(131,142,178)
-
#7c8ab9
#7c8ab9
rgb(124,138,185)
-
#7486c1
#7486c1
rgb(116,134,193)
-
#6c82c9
#6c82c9
rgb(108,130,201)
-
#647ed1
#647ed1
rgb(100,126,209)
-
#5d7ad8
#5d7ad8
rgb(93,122,216)
-
#5576e0
#5576e0
rgb(85,118,224)
-
#4d72e8
#4d72e8
rgb(77,114,232)
-
#456ef0
#456ef0
rgb(69,110,240)
-
#3e6af7
#3e6af7
rgb(62,106,247)
-
#3666ff
#3666ff
rgb(54,102,255)
Color Blindness Simulator
Below, you can see how #3666ff 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.