#0031f4 Color Information
In a RGB color space, hex #0031f4 is composed of 0% red, 19.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 79.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 228 degrees, a saturation of 100% and a lightness of 47.8%. #0031f4 color hex could be obtained by blending #0062ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 19
- B 96
-
- C 100
- M 80
- Y 0
- K 4
● #0031f4 color description : Pure (or mostly pure) blue.
#0031f4 Color Conversion
The hexadecimal color #0031f4 has RGB values of R:0, G:49, B:244 and CMYK values of C:1, M:0.8, Y:0, K:0.04. Its decimal value is 12788.
Hex triplet | 0031f4 | #0031f4 |
---|---|---|
RGB Decimal | 0, 49, 244 | rgb(0,49,244) |
RGB Percent | 0, 19.2, 95.7 | rgb(0%,19.2%,95.7%) |
CMYK | 100, 80, 0, 4 | |
HSL | 228°, 100, 47.8 | hsl(228,100%,47.8%) |
HSV (or HSB) | 228°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.453, 62.256, -96.412 |
---|---|
XYZ | 17.424, 8.727, 86.349 |
xyY | 0.155, 0.078, 8.727 |
CIE-LCH | 35.453, 114.766, 302.852 |
CIE-LUV | 35.453, -12.33, -126.992 |
Hunter-Lab | 29.541, 53.586, -152.626 |
Binary | 00000000, 00110001, 11110100 |
Color Schemes with #0031f4
Alternatives to #0031f4
Below, you can see some colors close to #0031f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0031f4 Preview
This text has a font color of #0031f4.
<span style="color:#0031f4;">Text here</span>
This paragraph has a background color of #0031f4.
<p style="background-color:#0031f4;">Content here</p>
This element has a border color of #0031f4.
<div style="border:1px solid #0031f4;">Content here</div>
.text {color:#0031f4;}
.background {background-color:#0031f4;}
.border {border:1px solid #0031f4;}
Shades and Tints of #0031f4
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, #000209 is the darkest color, while #f4f6ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#00061c
#00061c
rgb(0,6,28)
-
#000a30
#000a30
rgb(0,10,48)
-
#000e43
#000e43
rgb(0,14,67)
-
#001157
#001157
rgb(0,17,87)
-
#00156b
#00156b
rgb(0,21,107)
-
#00197e
#00197e
rgb(0,25,126)
-
#001d92
#001d92
rgb(0,29,146)
-
#0021a6
#0021a6
rgb(0,33,166)
-
#0025b9
#0025b9
rgb(0,37,185)
-
#0029cd
#0029cd
rgb(0,41,205)
-
#002de0
#002de0
rgb(0,45,224)
-
#0031f4
#0031f4
rgb(0,49,244)
-
#093aff
#093aff
rgb(9,58,255)
-
#1c4aff
#1c4aff
rgb(28,74,255)
-
#3059ff
#3059ff
rgb(48,89,255)
-
#4369ff
#4369ff
rgb(67,105,255)
-
#5779ff
#5779ff
rgb(87,121,255)
-
#6b88ff
#6b88ff
rgb(107,136,255)
-
#7e98ff
#7e98ff
rgb(126,152,255)
-
#92a8ff
#92a8ff
rgb(146,168,255)
-
#a6b8ff
#a6b8ff
rgb(166,184,255)
-
#b9c7ff
#b9c7ff
rgb(185,199,255)
-
#cdd7ff
#cdd7ff
rgb(205,215,255)
-
#e0e7ff
#e0e7ff
rgb(224,231,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #0031f4
A tone is produced by adding gray to any pure hue. In this case, #717483 is the less saturated color, while #0031f4 is the most saturated one.
-
#717483
#717483
rgb(113,116,131)
-
#676f8d
#676f8d
rgb(103,111,141)
-
#5e6996
#5e6996
rgb(94,105,150)
-
#5464a0
#5464a0
rgb(84,100,160)
-
#4b5ea9
#4b5ea9
rgb(75,94,169)
-
#4258b2
#4258b2
rgb(66,88,178)
-
#3853bc
#3853bc
rgb(56,83,188)
-
#2f4dc5
#2f4dc5
rgb(47,77,197)
-
#2647ce
#2647ce
rgb(38,71,206)
-
#1c42d8
#1c42d8
rgb(28,66,216)
-
#133ce1
#133ce1
rgb(19,60,225)
-
#0937eb
#0937eb
rgb(9,55,235)
-
#0031f4
#0031f4
rgb(0,49,244)
Color Blindness Simulator
Below, you can see how #0031f4 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.