#1863ff Color Information
In a RGB color space, hex #1863ff is composed of 9.4% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 220.5 degrees, a saturation of 100% and a lightness of 54.7%. #1863ff color hex could be obtained by blending #30c6ff with #0000ff. Closest websafe color is: #0066ff.
-
- R 9
- G 39
- B 100
-
- C 91
- M 61
- Y 0
- K 0
● #1863ff color description : Vivid blue.
#1863ff Color Conversion
The hexadecimal color #1863ff has RGB values of R:24, G:99, B:255 and CMYK values of C:0.91, M:0.61, Y:0, K:0. Its decimal value is 1598463.
Hex triplet | 1863ff | #1863ff |
---|---|---|
RGB Decimal | 24, 99, 255 | rgb(24,99,255) |
RGB Percent | 9.4, 38.8, 100 | rgb(9.4%,38.8%,100%) |
CMYK | 91, 61, 0, 0 | |
HSL | 220.5°, 100, 54.7 | hsl(220.5,100%,54.7%) |
HSV (or HSB) | 220.5°, 90.6, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 47.412, 37.728, -82.812 |
---|---|
XYZ | 22.885, 16.336, 96.549 |
xyY | 0.169, 0.12, 16.336 |
CIE-LCH | 47.412, 91.001, 294.493 |
CIE-LUV | 47.412, -20.75, -126.138 |
Hunter-Lab | 40.418, 30.336, -113.338 |
Binary | 00011000, 01100011, 11111111 |
Color Schemes with #1863ff
Alternatives to #1863ff
Below, you can see some colors close to #1863ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1863ff Preview
This text has a font color of #1863ff.
<span style="color:#1863ff;">Text here</span>
This paragraph has a background color of #1863ff.
<p style="background-color:#1863ff;">Content here</p>
This element has a border color of #1863ff.
<div style="border:1px solid #1863ff;">Content here</div>
.text {color:#1863ff;}
.background {background-color:#1863ff;}
.border {border:1px solid #1863ff;}
Shades and Tints of #1863ff
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, #000104 is the darkest color, while #f0f5ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000818
#000818
rgb(0,8,24)
-
#000e2c
#000e2c
rgb(0,14,44)
-
#00153f
#00153f
rgb(0,21,63)
-
#001b53
#001b53
rgb(0,27,83)
-
#002166
#002166
rgb(0,33,102)
-
#00287a
#00287a
rgb(0,40,122)
-
#002e8e
#002e8e
rgb(0,46,142)
-
#0034a1
#0034a1
rgb(0,52,161)
-
#003bb5
#003bb5
rgb(0,59,181)
-
#0041c9
#0041c9
rgb(0,65,201)
-
#0047dc
#0047dc
rgb(0,71,220)
-
#004ef0
#004ef0
rgb(0,78,240)
-
#0456ff
#0456ff
rgb(4,86,255)
-
#1863ff
#1863ff
rgb(24,99,255)
-
#2c70ff
#2c70ff
rgb(44,112,255)
-
#3f7dff
#3f7dff
rgb(63,125,255)
-
#538bff
#538bff
rgb(83,139,255)
-
#6698ff
#6698ff
rgb(102,152,255)
-
#7aa5ff
#7aa5ff
rgb(122,165,255)
-
#8eb2ff
#8eb2ff
rgb(142,178,255)
-
#a1c0ff
#a1c0ff
rgb(161,192,255)
-
#b5cdff
#b5cdff
rgb(181,205,255)
-
#c9daff
#c9daff
rgb(201,218,255)
-
#dce7ff
#dce7ff
rgb(220,231,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #1863ff
A tone is produced by adding gray to any pure hue. In this case, #838894 is the less saturated color, while #1863ff is the most saturated one.
-
#838894
#838894
rgb(131,136,148)
-
#7a859d
#7a859d
rgb(122,133,157)
-
#7182a6
#7182a6
rgb(113,130,166)
-
#687faf
#687faf
rgb(104,127,175)
-
#5f7cb8
#5f7cb8
rgb(95,124,184)
-
#5679c1
#5679c1
rgb(86,121,193)
-
#4d76ca
#4d76ca
rgb(77,118,202)
-
#4473d3
#4473d3
rgb(68,115,211)
-
#3c6fdb
#3c6fdb
rgb(60,111,219)
-
#336ce4
#336ce4
rgb(51,108,228)
-
#2a69ed
#2a69ed
rgb(42,105,237)
-
#2166f6
#2166f6
rgb(33,102,246)
-
#1863ff
#1863ff
rgb(24,99,255)
Color Blindness Simulator
Below, you can see how #1863ff 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.