#004580 Color Information
In a RGB color space, hex #004580 is composed of 0% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 207.7 degrees, a saturation of 100% and a lightness of 25.1%. #004580 color hex could be obtained by blending #008aff with #000001. Closest websafe color is: #003399.
-
- R 0
- G 27
- B 50
-
- C 100
- M 46
- Y 0
- K 50
● #004580 color description : Dark blue.
#004580 Color Conversion
The hexadecimal color #004580 has RGB values of R:0, G:69, B:128 and CMYK values of C:1, M:0.46, Y:0, K:0.5. Its decimal value is 17792.
Hex triplet | 004580 | #004580 |
---|---|---|
RGB Decimal | 0, 69, 128 | rgb(0,69,128) |
RGB Percent | 0, 27.1, 50.2 | rgb(0%,27.1%,50.2%) |
CMYK | 100, 46, 0, 50 | |
HSL | 207.7°, 100, 25.1 | hsl(207.7,100%,25.1%) |
HSV (or HSB) | 207.7°, 100, 50.2 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 28.939, 5.644, -38.485 |
---|---|
XYZ | 6.024, 5.814, 21.226 |
xyY | 0.182, 0.176, 5.814 |
CIE-LCH | 28.939, 38.897, 278.343 |
CIE-LUV | 28.939, -16.662, -50.733 |
Hunter-Lab | 24.113, 2.393, -35.312 |
Binary | 00000000, 01000101, 10000000 |
Color Schemes with #004580
Alternatives to #004580
Below, you can see some colors close to #004580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#004580 Preview
This text has a font color of #004580.
<span style="color:#004580;">Text here</span>
This paragraph has a background color of #004580.
<p style="background-color:#004580;">Content here</p>
This element has a border color of #004580.
<div style="border:1px solid #004580;">Content here</div>
.text {color:#004580;}
.background {background-color:#004580;}
.border {border:1px solid #004580;}
Shades and Tints of #004580
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, #00060a is the darkest color, while #f6fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#00101e
#00101e
rgb(0,16,30)
-
#001b32
#001b32
rgb(0,27,50)
-
#002545
#002545
rgb(0,37,69)
-
#003059
#003059
rgb(0,48,89)
-
#003a6c
#003a6c
rgb(0,58,108)
-
#004580
#004580
rgb(0,69,128)
-
#005094
#005094
rgb(0,80,148)
-
#005aa7
#005aa7
rgb(0,90,167)
-
#0065bb
#0065bb
rgb(0,101,187)
-
#006fce
#006fce
rgb(0,111,206)
-
#007ae2
#007ae2
rgb(0,122,226)
-
#0084f6
#0084f6
rgb(0,132,246)
-
#0a8eff
#0a8eff
rgb(10,142,255)
-
#1e97ff
#1e97ff
rgb(30,151,255)
-
#32a0ff
#32a0ff
rgb(50,160,255)
-
#45a9ff
#45a9ff
rgb(69,169,255)
-
#59b2ff
#59b2ff
rgb(89,178,255)
-
#6cbbff
#6cbbff
rgb(108,187,255)
-
#80c4ff
#80c4ff
rgb(128,196,255)
-
#94ceff
#94ceff
rgb(148,206,255)
-
#a7d7ff
#a7d7ff
rgb(167,215,255)
-
#bbe0ff
#bbe0ff
rgb(187,224,255)
-
#cee9ff
#cee9ff
rgb(206,233,255)
-
#e2f2ff
#e2f2ff
rgb(226,242,255)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #004580
A tone is produced by adding gray to any pure hue. In this case, #3b4045 is the less saturated color, while #004580 is the most saturated one.
-
#3b4045
#3b4045
rgb(59,64,69)
-
#36414a
#36414a
rgb(54,65,74)
-
#31414f
#31414f
rgb(49,65,79)
-
#2c4254
#2c4254
rgb(44,66,84)
-
#274259
#274259
rgb(39,66,89)
-
#22425e
#22425e
rgb(34,66,94)
-
#1e4362
#1e4362
rgb(30,67,98)
-
#194367
#194367
rgb(25,67,103)
-
#14436c
#14436c
rgb(20,67,108)
-
#0f4471
#0f4471
rgb(15,68,113)
-
#0a4476
#0a4476
rgb(10,68,118)
-
#05457b
#05457b
rgb(5,69,123)
-
#004580
#004580
rgb(0,69,128)
Color Blindness Simulator
Below, you can see how #004580 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.