#2018ff Color Information
In a RGB color space, hex #2018ff is composed of 12.5% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 242.1 degrees, a saturation of 100% and a lightness of 54.7%. #2018ff color hex could be obtained by blending #4030ff with #0000ff. Closest websafe color is: #3300ff.
-
- R 13
- G 9
- B 100
-
- C 87
- M 91
- Y 0
- K 0
● #2018ff color description : Vivid blue.
#2018ff Color Conversion
The hexadecimal color #2018ff has RGB values of R:32, G:24, B:255 and CMYK values of C:0.87, M:0.91, Y:0, K:0. Its decimal value is 2103551.
Hex triplet | 2018ff | #2018ff |
---|---|---|
RGB Decimal | 32, 24, 255 | rgb(32,24,255) |
RGB Percent | 12.5, 9.4, 100 | rgb(12.5%,9.4%,100%) |
CMYK | 87, 91, 0, 0 | |
HSL | 242.1°, 100, 54.7 | hsl(242.1,100%,54.7%) |
HSV (or HSB) | 242.1°, 90.6, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 34.353, 75.155, -104.417 |
---|---|
XYZ | 18.969, 8.179, 95.181 |
xyY | 0.155, 0.067, 8.179 |
CIE-LCH | 34.353, 128.651, 305.745 |
CIE-LUV | 34.353, -9.034, -132.201 |
Hunter-Lab | 28.599, 68.345, -177.307 |
Binary | 00100000, 00011000, 11111111 |
Color Schemes with #2018ff
Alternatives to #2018ff
Below, you can see some colors close to #2018ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2018ff Preview
This text has a font color of #2018ff.
<span style="color:#2018ff;">Text here</span>
This paragraph has a background color of #2018ff.
<p style="background-color:#2018ff;">Content here</p>
This element has a border color of #2018ff.
<div style="border:1px solid #2018ff;">Content here</div>
.text {color:#2018ff;}
.background {background-color:#2018ff;}
.border {border:1px solid #2018ff;}
Shades and Tints of #2018ff
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, #000004 is the darkest color, while #f0f0ff is the lightest one.
-
#000004
#000004
rgb(0,0,4)
-
#010018
#010018
rgb(1,0,24)
-
#02002c
#02002c
rgb(2,0,44)
-
#02003f
#02003f
rgb(2,0,63)
-
#030053
#030053
rgb(3,0,83)
-
#040066
#040066
rgb(4,0,102)
-
#04007a
#04007a
rgb(4,0,122)
-
#05008e
#05008e
rgb(5,0,142)
-
#0600a1
#0600a1
rgb(6,0,161)
-
#0600b5
#0600b5
rgb(6,0,181)
-
#0700c9
#0700c9
rgb(7,0,201)
-
#0800dc
#0800dc
rgb(8,0,220)
-
#0800f0
#0800f0
rgb(8,0,240)
-
#0d04ff
#0d04ff
rgb(13,4,255)
-
#2018ff
#2018ff
rgb(32,24,255)
-
#332cff
#332cff
rgb(51,44,255)
-
#463fff
#463fff
rgb(70,63,255)
-
#5953ff
#5953ff
rgb(89,83,255)
-
#6c66ff
#6c66ff
rgb(108,102,255)
-
#7f7aff
#7f7aff
rgb(127,122,255)
-
#928eff
#928eff
rgb(146,142,255)
-
#a5a1ff
#a5a1ff
rgb(165,161,255)
-
#b7b5ff
#b7b5ff
rgb(183,181,255)
-
#cac9ff
#cac9ff
rgb(202,201,255)
-
#dddcff
#dddcff
rgb(221,220,255)
-
#f0f0ff
#f0f0ff
rgb(240,240,255)
Tones of #2018ff
A tone is produced by adding gray to any pure hue. In this case, #838394 is the less saturated color, while #2018ff is the most saturated one.
-
#838394
#838394
rgb(131,131,148)
-
#7b7a9d
#7b7a9d
rgb(123,122,157)
-
#7371a6
#7371a6
rgb(115,113,166)
-
#6a68af
#6a68af
rgb(106,104,175)
-
#625fb8
#625fb8
rgb(98,95,184)
-
#5a56c1
#5a56c1
rgb(90,86,193)
-
#524dca
#524dca
rgb(82,77,202)
-
#4944d3
#4944d3
rgb(73,68,211)
-
#413cdb
#413cdb
rgb(65,60,219)
-
#3933e4
#3933e4
rgb(57,51,228)
-
#312aed
#312aed
rgb(49,42,237)
-
#2821f6
#2821f6
rgb(40,33,246)
-
#2018ff
#2018ff
rgb(32,24,255)
Color Blindness Simulator
Below, you can see how #2018ff 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.