#1f63f6 Color Information
In a RGB color space, hex #1f63f6 is composed of 12.2% red, 38.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 59.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 221 degrees, a saturation of 92.3% and a lightness of 54.3%. #1f63f6 color hex could be obtained by blending #3ec6ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 12
- G 39
- B 96
-
- C 87
- M 60
- Y 0
- K 4
● #1f63f6 color description : Vivid blue.
#1f63f6 Color Conversion
The hexadecimal color #1f63f6 has RGB values of R:31, G:99, B:246 and CMYK values of C:0.87, M:0.6, Y:0, K:0.04. Its decimal value is 2057206.
Hex triplet | 1f63f6 | #1f63f6 |
---|---|---|
RGB Decimal | 31, 99, 246 | rgb(31,99,246) |
RGB Percent | 12.2, 38.8, 96.5 | rgb(12.2%,38.8%,96.5%) |
CMYK | 87, 60, 0, 4 | |
HSL | 221°, 92.3, 54.3 | hsl(221,92.3%,54.3%) |
HSV (or HSB) | 221°, 87.4, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.8, 34.708, -78.798 |
---|---|
XYZ | 21.658, 15.867, 89.105 |
xyY | 0.171, 0.125, 15.867 |
CIE-LCH | 46.8, 86.103, 293.772 |
CIE-LUV | 46.8, -20.349, -120.067 |
Hunter-Lab | 39.833, 27.344, -104.745 |
Binary | 00011111, 01100011, 11110110 |
Color Schemes with #1f63f6
Alternatives to #1f63f6
Below, you can see some colors close to #1f63f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f63f6 Preview
This text has a font color of #1f63f6.
<span style="color:#1f63f6;">Text here</span>
This paragraph has a background color of #1f63f6.
<p style="background-color:#1f63f6;">Content here</p>
This element has a border color of #1f63f6.
<div style="border:1px solid #1f63f6;">Content here</div>
.text {color:#1f63f6;}
.background {background-color:#1f63f6;}
.border {border:1px solid #1f63f6;}
Shades and Tints of #1f63f6
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, #000102 is the darkest color, while #eef3fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010715
#010715
rgb(1,7,21)
-
#020e28
#020e28
rgb(2,14,40)
-
#02143b
#02143b
rgb(2,20,59)
-
#031b4e
#031b4e
rgb(3,27,78)
-
#042161
#042161
rgb(4,33,97)
-
#052873
#052873
rgb(5,40,115)
-
#052e86
#052e86
rgb(5,46,134)
-
#063599
#063599
rgb(6,53,153)
-
#073bac
#073bac
rgb(7,59,172)
-
#0842bf
#0842bf
rgb(8,66,191)
-
#0848d2
#0848d2
rgb(8,72,210)
-
#094fe5
#094fe5
rgb(9,79,229)
-
#0c56f5
#0c56f5
rgb(12,86,245)
-
#1f63f6
#1f63f6
rgb(31,99,246)
-
#3270f7
#3270f7
rgb(50,112,247)
-
#457df8
#457df8
rgb(69,125,248)
-
#588af8
#588af8
rgb(88,138,248)
-
#6a98f9
#6a98f9
rgb(106,152,249)
-
#7da5fa
#7da5fa
rgb(125,165,250)
-
#90b2fb
#90b2fb
rgb(144,178,251)
-
#a3bffb
#a3bffb
rgb(163,191,251)
-
#b6ccfc
#b6ccfc
rgb(182,204,252)
-
#c9d9fd
#c9d9fd
rgb(201,217,253)
-
#dce6fe
#dce6fe
rgb(220,230,254)
-
#eef3fe
#eef3fe
rgb(238,243,254)
Tones of #1f63f6
A tone is produced by adding gray to any pure hue. In this case, #828793 is the less saturated color, while #1660ff is the most saturated one.
-
#828793
#828793
rgb(130,135,147)
-
#79849c
#79849c
rgb(121,132,156)
-
#7081a5
#7081a5
rgb(112,129,165)
-
#677dae
#677dae
rgb(103,125,174)
-
#5e7ab7
#5e7ab7
rgb(94,122,183)
-
#5577c0
#5577c0
rgb(85,119,192)
-
#4c73c9
#4c73c9
rgb(76,115,201)
-
#4370d2
#4370d2
rgb(67,112,210)
-
#3a6ddb
#3a6ddb
rgb(58,109,219)
-
#316ae4
#316ae4
rgb(49,106,228)
-
#2866ed
#2866ed
rgb(40,102,237)
-
#1f63f6
#1f63f6
rgb(31,99,246)
-
#1660ff
#1660ff
rgb(22,96,255)
Color Blindness Simulator
Below, you can see how #1f63f6 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.