#6163ff Color Information
In a RGB color space, hex #6163ff is composed of 38% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 239.2 degrees, a saturation of 100% and a lightness of 69%. #6163ff color hex could be obtained by blending #c2c6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 38
- G 39
- B 100
-
- C 62
- M 61
- Y 0
- K 0
● #6163ff color description : Light blue.
#6163ff Color Conversion
The hexadecimal color #6163ff has RGB values of R:97, G:99, B:255 and CMYK values of C:0.62, M:0.61, Y:0, K:0. Its decimal value is 6382591.
Hex triplet | 6163ff | #6163ff |
---|---|---|
RGB Decimal | 97, 99, 255 | rgb(97,99,255) |
RGB Percent | 38, 38.8, 100 | rgb(38%,38.8%,100%) |
CMYK | 62, 61, 0, 0 | |
HSL | 239.2°, 100, 69 | hsl(239.2,100%,69%) |
HSV (or HSB) | 239.2°, 62, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.315, 44.611, -77.949 |
---|---|
XYZ | 27.438, 18.684, 96.763 |
xyY | 0.192, 0.131, 18.684 |
CIE-LCH | 50.315, 89.812, 299.783 |
CIE-LUV | 50.315, -9.355, -122.404 |
Hunter-Lab | 43.225, 37.664, -102.469 |
Binary | 01100001, 01100011, 11111111 |
Color Schemes with #6163ff
Alternatives to #6163ff
Below, you can see some colors close to #6163ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6163ff Preview
This text has a font color of #6163ff.
<span style="color:#6163ff;">Text here</span>
This paragraph has a background color of #6163ff.
<p style="background-color:#6163ff;">Content here</p>
This element has a border color of #6163ff.
<div style="border:1px solid #6163ff;">Content here</div>
.text {color:#6163ff;}
.background {background-color:#6163ff;}
.border {border:1px solid #6163ff;}
Shades and Tints of #6163ff
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, #000013 is the darkest color, while #fefeff is the lightest one.
-
#000013
#000013
rgb(0,0,19)
-
#000026
#000026
rgb(0,0,38)
-
#00013a
#00013a
rgb(0,1,58)
-
#00014d
#00014d
rgb(0,1,77)
-
#000161
#000161
rgb(0,1,97)
-
#000175
#000175
rgb(0,1,117)
-
#000288
#000288
rgb(0,2,136)
-
#00029c
#00029c
rgb(0,2,156)
-
#0002af
#0002af
rgb(0,2,175)
-
#0002c3
#0002c3
rgb(0,2,195)
-
#0003d7
#0003d7
rgb(0,3,215)
-
#0003ea
#0003ea
rgb(0,3,234)
-
#0003fe
#0003fe
rgb(0,3,254)
-
#1316ff
#1316ff
rgb(19,22,255)
-
#2629ff
#2629ff
rgb(38,41,255)
-
#3a3cff
#3a3cff
rgb(58,60,255)
-
#4d50ff
#4d50ff
rgb(77,80,255)
-
#6163ff
#6163ff
rgb(97,99,255)
-
#7576ff
#7576ff
rgb(117,118,255)
-
#888aff
#888aff
rgb(136,138,255)
-
#9c9dff
#9c9dff
rgb(156,157,255)
-
#afb0ff
#afb0ff
rgb(175,176,255)
-
#c3c4ff
#c3c4ff
rgb(195,196,255)
-
#d7d7ff
#d7d7ff
rgb(215,215,255)
-
#eaebff
#eaebff
rgb(234,235,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #6163ff
A tone is produced by adding gray to any pure hue. In this case, #aaaab6 is the less saturated color, while #6163ff is the most saturated one.
-
#aaaab6
#aaaab6
rgb(170,170,182)
-
#a4a4bc
#a4a4bc
rgb(164,164,188)
-
#9e9ec2
#9e9ec2
rgb(158,158,194)
-
#9898c8
#9898c8
rgb(152,152,200)
-
#9292ce
#9292ce
rgb(146,146,206)
-
#8c8cd4
#8c8cd4
rgb(140,140,212)
-
#8587db
#8587db
rgb(133,135,219)
-
#7f81e1
#7f81e1
rgb(127,129,225)
-
#797be7
#797be7
rgb(121,123,231)
-
#7375ed
#7375ed
rgb(115,117,237)
-
#6d6ff3
#6d6ff3
rgb(109,111,243)
-
#6769f9
#6769f9
rgb(103,105,249)
-
#6163ff
#6163ff
rgb(97,99,255)
Color Blindness Simulator
Below, you can see how #6163ff 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.