#0055ff Color Information
In a RGB color space, hex #0055ff is composed of 0% red, 33.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 66.7% magenta, 0% yellow and 0% black. It has a hue angle of 220 degrees, a saturation of 100% and a lightness of 50%. #0055ff color hex could be obtained by blending #00aaff with #0000ff. Closest websafe color is: #0066ff.
-
- R 0
- G 33
- B 100
-
- C 100
- M 67
- Y 0
- K 0
● #0055ff color description : Pure (or mostly pure) blue.
#0055ff Color Conversion
The hexadecimal color #0055ff has RGB values of R:0, G:85, B:255 and CMYK values of C:1, M:0.67, Y:0, K:0. Its decimal value is 22015.
Hex triplet | 0055ff | #0055ff |
---|---|---|
RGB Decimal | 0, 85, 255 | rgb(0,85,255) |
RGB Percent | 0, 33.3, 100 | rgb(0%,33.3%,100%) |
CMYK | 100, 67, 0, 0 | |
HSL | 220°, 100, 50 | hsl(220,100%,50%) |
HSV (or HSB) | 220°, 100, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 43.822, 45.827, -88.723 |
---|---|
XYZ | 21.295, 13.715, 96.127 |
xyY | 0.162, 0.105, 13.715 |
CIE-LCH | 43.822, 99.859, 297.317 |
CIE-LUV | 43.822, -18.557, -130.367 |
Hunter-Lab | 37.034, 37.829, -127.972 |
Binary | 00000000, 01010101, 11111111 |
Color Schemes with #0055ff
Alternatives to #0055ff
Below, you can see some colors close to #0055ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0055ff Preview
This text has a font color of #0055ff.
<span style="color:#0055ff;">Text here</span>
This paragraph has a background color of #0055ff.
<p style="background-color:#0055ff;">Content here</p>
This element has a border color of #0055ff.
<div style="border:1px solid #0055ff;">Content here</div>
.text {color:#0055ff;}
.background {background-color:#0055ff;}
.border {border:1px solid #0055ff;}
Shades and Tints of #0055ff
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, #000714 is the darkest color, while #ffffff is the lightest one.
-
#000714
#000714
rgb(0,7,20)
-
#000d27
#000d27
rgb(0,13,39)
-
#00143b
#00143b
rgb(0,20,59)
-
#001a4e
#001a4e
rgb(0,26,78)
-
#002162
#002162
rgb(0,33,98)
-
#002776
#002776
rgb(0,39,118)
-
#002e89
#002e89
rgb(0,46,137)
-
#00349d
#00349d
rgb(0,52,157)
-
#003bb1
#003bb1
rgb(0,59,177)
-
#0041c4
#0041c4
rgb(0,65,196)
-
#0048d8
#0048d8
rgb(0,72,216)
-
#004eeb
#004eeb
rgb(0,78,235)
-
#0055ff
#0055ff
rgb(0,85,255)
-
#1462ff
#1462ff
rgb(20,98,255)
-
#276fff
#276fff
rgb(39,111,255)
-
#3b7cff
#3b7cff
rgb(59,124,255)
-
#4e89ff
#4e89ff
rgb(78,137,255)
-
#6296ff
#6296ff
rgb(98,150,255)
-
#76a3ff
#76a3ff
rgb(118,163,255)
-
#89b1ff
#89b1ff
rgb(137,177,255)
-
#9dbeff
#9dbeff
rgb(157,190,255)
-
#b1cbff
#b1cbff
rgb(177,203,255)
-
#c4d8ff
#c4d8ff
rgb(196,216,255)
-
#d8e5ff
#d8e5ff
rgb(216,229,255)
-
#ebf2ff
#ebf2ff
rgb(235,242,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #0055ff
A tone is produced by adding gray to any pure hue. In this case, #767c89 is the less saturated color, while #0055ff is the most saturated one.
-
#767c89
#767c89
rgb(118,124,137)
-
#6c7993
#6c7993
rgb(108,121,147)
-
#62769d
#62769d
rgb(98,118,157)
-
#5872a7
#5872a7
rgb(88,114,167)
-
#4e6fb1
#4e6fb1
rgb(78,111,177)
-
#456cba
#456cba
rgb(69,108,186)
-
#3b69c4
#3b69c4
rgb(59,105,196)
-
#3165ce
#3165ce
rgb(49,101,206)
-
#2762d8
#2762d8
rgb(39,98,216)
-
#1d5fe2
#1d5fe2
rgb(29,95,226)
-
#145ceb
#145ceb
rgb(20,92,235)
-
#0a58f5
#0a58f5
rgb(10,88,245)
-
#0055ff
#0055ff
rgb(0,85,255)
Color Blindness Simulator
Below, you can see how #0055ff 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.