#0033f4 Color Information
In a RGB color space, hex #0033f4 is composed of 0% red, 20% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 79.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 227.5 degrees, a saturation of 100% and a lightness of 47.8%. #0033f4 color hex could be obtained by blending #0066ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 20
- B 96
-
- C 100
- M 79
- Y 0
- K 4
● #0033f4 color description : Pure (or mostly pure) blue.
#0033f4 Color Conversion
The hexadecimal color #0033f4 has RGB values of R:0, G:51, B:244 and CMYK values of C:1, M:0.79, Y:0, K:0.04. Its decimal value is 13300.
Hex triplet | 0033f4 | #0033f4 |
---|---|---|
RGB Decimal | 0, 51, 244 | rgb(0,51,244) |
RGB Percent | 0, 20, 95.7 | rgb(0%,20%,95.7%) |
CMYK | 100, 79, 0, 4 | |
HSL | 227.5°, 100, 47.8 | hsl(227.5,100%,47.8%) |
HSV (or HSB) | 227.5°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.787, 61.281, -95.857 |
---|---|
XYZ | 17.51, 8.898, 86.378 |
xyY | 0.155, 0.079, 8.898 |
CIE-LCH | 35.787, 113.771, 302.591 |
CIE-LUV | 35.787, -12.589, -127.04 |
Hunter-Lab | 29.829, 52.577, -150.807 |
Binary | 00000000, 00110011, 11110100 |
Color Schemes with #0033f4
Alternatives to #0033f4
Below, you can see some colors close to #0033f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0033f4 Preview
This text has a font color of #0033f4.
<span style="color:#0033f4;">Text here</span>
This paragraph has a background color of #0033f4.
<p style="background-color:#0033f4;">Content here</p>
This element has a border color of #0033f4.
<div style="border:1px solid #0033f4;">Content here</div>
.text {color:#0033f4;}
.background {background-color:#0033f4;}
.border {border:1px solid #0033f4;}
Shades and Tints of #0033f4
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)
-
#001257
#001257
rgb(0,18,87)
-
#00166b
#00166b
rgb(0,22,107)
-
#001a7e
#001a7e
rgb(0,26,126)
-
#001f92
#001f92
rgb(0,31,146)
-
#0023a6
#0023a6
rgb(0,35,166)
-
#0027b9
#0027b9
rgb(0,39,185)
-
#002bcd
#002bcd
rgb(0,43,205)
-
#002fe0
#002fe0
rgb(0,47,224)
-
#0033f4
#0033f4
rgb(0,51,244)
-
#093cff
#093cff
rgb(9,60,255)
-
#1c4cff
#1c4cff
rgb(28,76,255)
-
#305bff
#305bff
rgb(48,91,255)
-
#436bff
#436bff
rgb(67,107,255)
-
#577aff
#577aff
rgb(87,122,255)
-
#6b8aff
#6b8aff
rgb(107,138,255)
-
#7e99ff
#7e99ff
rgb(126,153,255)
-
#92a9ff
#92a9ff
rgb(146,169,255)
-
#a6b8ff
#a6b8ff
rgb(166,184,255)
-
#b9c8ff
#b9c8ff
rgb(185,200,255)
-
#cdd7ff
#cdd7ff
rgb(205,215,255)
-
#e0e7ff
#e0e7ff
rgb(224,231,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #0033f4
A tone is produced by adding gray to any pure hue. In this case, #717583 is the less saturated color, while #0033f4 is the most saturated one.
-
#717583
#717583
rgb(113,117,131)
-
#676f8d
#676f8d
rgb(103,111,141)
-
#5e6a96
#5e6a96
rgb(94,106,150)
-
#5464a0
#5464a0
rgb(84,100,160)
-
#4b5fa9
#4b5fa9
rgb(75,95,169)
-
#4259b2
#4259b2
rgb(66,89,178)
-
#3854bc
#3854bc
rgb(56,84,188)
-
#2f4ec5
#2f4ec5
rgb(47,78,197)
-
#2649ce
#2649ce
rgb(38,73,206)
-
#1c43d8
#1c43d8
rgb(28,67,216)
-
#133ee1
#133ee1
rgb(19,62,225)
-
#0938eb
#0938eb
rgb(9,56,235)
-
#0033f4
#0033f4
rgb(0,51,244)
Color Blindness Simulator
Below, you can see how #0033f4 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.