#0033ff Color Information
In a RGB color space, hex #0033ff is composed of 0% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 228 degrees, a saturation of 100% and a lightness of 50%. #0033ff color hex could be obtained by blending #0066ff with #0000ff. #0033ff (or #03f) is a websafe color.
-
- R 0
- G 20
- B 100
-
- C 100
- M 80
- Y 0
- K 0
● #0033ff color description : Pure (or mostly pure) blue.
#0033ff Color Conversion
The hexadecimal color #0033ff has RGB values of R:0, G:51, B:255 and CMYK values of C:1, M:0.8, Y:0, K:0. Its decimal value is 13311.
Hex triplet | 0033ff | #0033ff |
---|---|---|
RGB Decimal | 0, 51, 255 | rgb(0,51,255) |
RGB Percent | 0, 20, 100 | rgb(0%,20%,100%) |
CMYK | 100, 80, 0, 0 | |
HSL | 228°, 100, 50 | hsl(228,100%,50%) |
HSV (or HSB) | 228°, 100, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 37.089, 64.697, -99.872 |
---|---|
XYZ | 19.23, 9.586, 95.439 |
xyY | 0.155, 0.077, 9.586 |
CIE-LCH | 37.089, 118.996, 302.935 |
CIE-LUV | 37.089, -12.851, -133.236 |
Hunter-Lab | 30.961, 56.684, -161.089 |
Binary | 00000000, 00110011, 11111111 |
Color Schemes with #0033ff
Alternatives to #0033ff
Below, you can see some colors close to #0033ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0033ff Preview
This text has a font color of #0033ff.
<span style="color:#0033ff;">Text here</span>
This paragraph has a background color of #0033ff.
<p style="background-color:#0033ff;">Content here</p>
This element has a border color of #0033ff.
<div style="border:1px solid #0033ff;">Content here</div>
.text {color:#0033ff;}
.background {background-color:#0033ff;}
.border {border:1px solid #0033ff;}
Shades and Tints of #0033ff
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, #000414 is the darkest color, while #ffffff is the lightest one.
-
#000414
#000414
rgb(0,4,20)
-
#000827
#000827
rgb(0,8,39)
-
#000c3b
#000c3b
rgb(0,12,59)
-
#00104e
#00104e
rgb(0,16,78)
-
#001462
#001462
rgb(0,20,98)
-
#001876
#001876
rgb(0,24,118)
-
#001b89
#001b89
rgb(0,27,137)
-
#001f9d
#001f9d
rgb(0,31,157)
-
#0023b1
#0023b1
rgb(0,35,177)
-
#0027c4
#0027c4
rgb(0,39,196)
-
#002bd8
#002bd8
rgb(0,43,216)
-
#002feb
#002feb
rgb(0,47,235)
-
#0033ff
#0033ff
rgb(0,51,255)
-
#1443ff
#1443ff
rgb(20,67,255)
-
#2752ff
#2752ff
rgb(39,82,255)
-
#3b62ff
#3b62ff
rgb(59,98,255)
-
#4e72ff
#4e72ff
rgb(78,114,255)
-
#6281ff
#6281ff
rgb(98,129,255)
-
#7691ff
#7691ff
rgb(118,145,255)
-
#89a1ff
#89a1ff
rgb(137,161,255)
-
#9db1ff
#9db1ff
rgb(157,177,255)
-
#b1c0ff
#b1c0ff
rgb(177,192,255)
-
#c4d0ff
#c4d0ff
rgb(196,208,255)
-
#d8e0ff
#d8e0ff
rgb(216,224,255)
-
#ebefff
#ebefff
rgb(235,239,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #0033ff
A tone is produced by adding gray to any pure hue. In this case, #767a89 is the less saturated color, while #0033ff is the most saturated one.
-
#767a89
#767a89
rgb(118,122,137)
-
#6c7493
#6c7493
rgb(108,116,147)
-
#626e9d
#626e9d
rgb(98,110,157)
-
#5868a7
#5868a7
rgb(88,104,167)
-
#4e62b1
#4e62b1
rgb(78,98,177)
-
#455cba
#455cba
rgb(69,92,186)
-
#3b56c4
#3b56c4
rgb(59,86,196)
-
#3150ce
#3150ce
rgb(49,80,206)
-
#274bd8
#274bd8
rgb(39,75,216)
-
#1d45e2
#1d45e2
rgb(29,69,226)
-
#143feb
#143feb
rgb(20,63,235)
-
#0a39f5
#0a39f5
rgb(10,57,245)
-
#0033ff
#0033ff
rgb(0,51,255)
Color Blindness Simulator
Below, you can see how #0033ff 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.