#6166f2 Color Information
In a RGB color space, hex #6166f2 is composed of 38% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.9 degrees, a saturation of 84.8% and a lightness of 66.5%. #6166f2 color hex could be obtained by blending #c2ccff with #0000e5. Closest websafe color is: #6666ff.
-
- R 38
- G 40
- B 95
-
- C 60
- M 58
- Y 0
- K 5
● #6166f2 color description : Soft blue.
#6166f2 Color Conversion
The hexadecimal color #6166f2 has RGB values of R:97, G:102, B:242 and CMYK values of C:0.6, M:0.58, Y:0, K:0.05. Its decimal value is 6383346.
Hex triplet | 6166f2 | #6166f2 |
---|---|---|
RGB Decimal | 97, 102, 242 | rgb(97,102,242) |
RGB Percent | 38, 40, 94.9 | rgb(38%,40%,94.9%) |
CMYK | 60, 58, 0, 5 | |
HSL | 237.9°, 84.8, 66.5 | hsl(237.9,84.8%,66.5%) |
HSV (or HSB) | 237.9°, 59.9, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.042, 38.679, -71.157 |
---|---|
XYZ | 25.705, 18.454, 86.207 |
xyY | 0.197, 0.142, 18.454 |
CIE-LCH | 50.042, 80.99, 298.527 |
CIE-LUV | 50.042, -9.5, -112.126 |
Hunter-Lab | 42.958, 31.634, -88.911 |
Binary | 01100001, 01100110, 11110010 |
Color Schemes with #6166f2
Alternatives to #6166f2
Below, you can see some colors close to #6166f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6166f2 Preview
This text has a font color of #6166f2.
<span style="color:#6166f2;">Text here</span>
This paragraph has a background color of #6166f2.
<p style="background-color:#6166f2;">Content here</p>
This element has a border color of #6166f2.
<div style="border:1px solid #6166f2;">Content here</div>
.text {color:#6166f2;}
.background {background-color:#6166f2;}
.border {border:1px solid #6166f2;}
Shades and Tints of #6166f2
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, #000105 is the darkest color, while #f2f2fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#020317
#020317
rgb(2,3,23)
-
#030529
#030529
rgb(3,5,41)
-
#05073b
#05073b
rgb(5,7,59)
-
#06094e
#06094e
rgb(6,9,78)
-
#080b60
#080b60
rgb(8,11,96)
-
#090d72
#090d72
rgb(9,13,114)
-
#0b0f84
#0b0f84
rgb(11,15,132)
-
#0c1196
#0c1196
rgb(12,17,150)
-
#0e13a8
#0e13a8
rgb(14,19,168)
-
#0f15ba
#0f15ba
rgb(15,21,186)
-
#1117cc
#1117cc
rgb(17,23,204)
-
#1219df
#1219df
rgb(18,25,223)
-
#1920ec
#1920ec
rgb(25,32,236)
-
#2b31ee
#2b31ee
rgb(43,49,238)
-
#3d43ef
#3d43ef
rgb(61,67,239)
-
#4f54f1
#4f54f1
rgb(79,84,241)
-
#6166f2
#6166f2
rgb(97,102,242)
-
#7378f3
#7378f3
rgb(115,120,243)
-
#8589f5
#8589f5
rgb(133,137,245)
-
#979bf6
#979bf6
rgb(151,155,246)
-
#a9acf8
#a9acf8
rgb(169,172,248)
-
#bcbef9
#bcbef9
rgb(188,190,249)
-
#cecffb
#cecffb
rgb(206,207,251)
-
#e0e1fc
#e0e1fc
rgb(224,225,252)
-
#f2f2fe
#f2f2fe
rgb(242,242,254)
Tones of #6166f2
A tone is produced by adding gray to any pure hue. In this case, #a9a9aa is the less saturated color, while #5a60f9 is the most saturated one.
-
#a9a9aa
#a9a9aa
rgb(169,169,170)
-
#a3a3b0
#a3a3b0
rgb(163,163,176)
-
#9c9db7
#9c9db7
rgb(156,157,183)
-
#9697bd
#9697bd
rgb(150,151,189)
-
#8f91c4
#8f91c4
rgb(143,145,196)
-
#888bcb
#888bcb
rgb(136,139,203)
-
#8285d1
#8285d1
rgb(130,133,209)
-
#7b7ed8
#7b7ed8
rgb(123,126,216)
-
#7578de
#7578de
rgb(117,120,222)
-
#6e72e5
#6e72e5
rgb(110,114,229)
-
#686ceb
#686ceb
rgb(104,108,235)
-
#6166f2
#6166f2
rgb(97,102,242)
-
#5a60f9
#5a60f9
rgb(90,96,249)
Color Blindness Simulator
Below, you can see how #6166f2 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.