#2018f4 Color Information
In a RGB color space, hex #2018f4 is composed of 12.5% red, 9.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 90.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 242.2 degrees, a saturation of 90.9% and a lightness of 52.5%. #2018f4 color hex could be obtained by blending #4030ff with #0000e9. Closest websafe color is: #3300ff.
-
- R 13
- G 9
- B 96
-
- C 87
- M 90
- Y 0
- K 4
● #2018f4 color description : Vivid blue.
#2018f4 Color Conversion
The hexadecimal color #2018f4 has RGB values of R:32, G:24, B:244 and CMYK values of C:0.87, M:0.9, Y:0, K:0.04. Its decimal value is 2103540.
Hex triplet | 2018f4 | #2018f4 |
---|---|---|
RGB Decimal | 32, 24, 244 | rgb(32,24,244) |
RGB Percent | 12.5, 9.4, 95.7 | rgb(12.5%,9.4%,95.7%) |
CMYK | 87, 90, 0, 4 | |
HSL | 242.2°, 90.9, 52.5 | hsl(242.2,90.9%,52.5%) |
HSV (or HSB) | 242.2°, 90.2, 95.7 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 32.899, 72.306, -100.651 |
---|---|
XYZ | 17.248, 7.491, 86.12 |
xyY | 0.156, 0.068, 7.491 |
CIE-LCH | 32.899, 123.931, 305.693 |
CIE-LUV | 32.899, -8.558, -125.983 |
Hunter-Lab | 27.369, 64.595, -167.403 |
Binary | 00100000, 00011000, 11110100 |
Color Schemes with #2018f4
Alternatives to #2018f4
Below, you can see some colors close to #2018f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2018f4 Preview
This text has a font color of #2018f4.
<span style="color:#2018f4;">Text here</span>
This paragraph has a background color of #2018f4.
<p style="background-color:#2018f4;">Content here</p>
This element has a border color of #2018f4.
<div style="border:1px solid #2018f4;">Content here</div>
.text {color:#2018f4;}
.background {background-color:#2018f4;}
.border {border:1px solid #2018f4;}
Shades and Tints of #2018f4
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, #01010c is the darkest color, while #f9f9ff is the lightest one.
-
#01010c
#01010c
rgb(1,1,12)
-
#03011f
#03011f
rgb(3,1,31)
-
#040232
#040232
rgb(4,2,50)
-
#060345
#060345
rgb(6,3,69)
-
#070457
#070457
rgb(7,4,87)
-
#09056a
#09056a
rgb(9,5,106)
-
#0a067d
#0a067d
rgb(10,6,125)
-
#0c078f
#0c078f
rgb(12,7,143)
-
#0d08a2
#0d08a2
rgb(13,8,162)
-
#0f09b5
#0f09b5
rgb(15,9,181)
-
#100ac8
#100ac8
rgb(16,10,200)
-
#120ada
#120ada
rgb(18,10,218)
-
#140bed
#140bed
rgb(20,11,237)
-
#2018f4
#2018f4
rgb(32,24,244)
-
#322bf5
#322bf5
rgb(50,43,245)
-
#443df6
#443df6
rgb(68,61,246)
-
#5650f7
#5650f7
rgb(86,80,247)
-
#6863f8
#6863f8
rgb(104,99,248)
-
#7a76f8
#7a76f8
rgb(122,118,248)
-
#8c88f9
#8c88f9
rgb(140,136,249)
-
#9f9bfa
#9f9bfa
rgb(159,155,250)
-
#b1aefb
#b1aefb
rgb(177,174,251)
-
#c3c1fc
#c3c1fc
rgb(195,193,252)
-
#d5d3fd
#d5d3fd
rgb(213,211,253)
-
#e7e6fe
#e7e6fe
rgb(231,230,254)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #2018f4
A tone is produced by adding gray to any pure hue. In this case, #7f7e8e is the less saturated color, while #170ffd is the most saturated one.
-
#7f7e8e
#7f7e8e
rgb(127,126,142)
-
#767597
#767597
rgb(118,117,151)
-
#6e6ca0
#6e6ca0
rgb(110,108,160)
-
#6562aa
#6562aa
rgb(101,98,170)
-
#5c59b3
#5c59b3
rgb(92,89,179)
-
#5450bc
#5450bc
rgb(84,80,188)
-
#4b47c5
#4b47c5
rgb(75,71,197)
-
#433dcf
#433dcf
rgb(67,61,207)
-
#3a34d8
#3a34d8
rgb(58,52,216)
-
#312be1
#312be1
rgb(49,43,225)
-
#2921eb
#2921eb
rgb(41,33,235)
-
#2018f4
#2018f4
rgb(32,24,244)
-
#170ffd
#170ffd
rgb(23,15,253)
Color Blindness Simulator
Below, you can see how #2018f4 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.