#004676 Color Information
In a RGB color space, hex #004676 is composed of 0% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 40.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 204.4 degrees, a saturation of 100% and a lightness of 23.1%. #004676 color hex could be obtained by blending #008cec with #000000. Closest websafe color is: #003366.
-
- R 0
- G 27
- B 46
-
- C 100
- M 41
- Y 0
- K 54
● #004676 color description : Dark blue.
#004676 Color Conversion
The hexadecimal color #004676 has RGB values of R:0, G:70, B:118 and CMYK values of C:1, M:0.41, Y:0, K:0.54. Its decimal value is 18038.
Hex triplet | 004676 | #004676 |
---|---|---|
RGB Decimal | 0, 70, 118 | rgb(0,70,118) |
RGB Percent | 0, 27.5, 46.3 | rgb(0%,27.5%,46.3%) |
CMYK | 100, 41, 0, 54 | |
HSL | 204.4°, 100, 23.1 | hsl(204.4,100%,23.1%) |
HSV (or HSB) | 204.4°, 100, 46.3 | |
Web Safe | 003366 | #003366 |
CIE-LAB | 28.611, 0.63, -32.746 |
---|---|
XYZ | 5.459, 5.688, 17.949 |
xyY | 0.188, 0.195, 5.688 |
CIE-LCH | 28.611, 32.752, 271.102 |
CIE-LUV | 28.611, -17.423, -42.542 |
Hunter-Lab | 23.849, -0.875, -27.927 |
Binary | 00000000, 01000110, 01110110 |
Color Schemes with #004676
Alternatives to #004676
Below, you can see some colors close to #004676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#004676 Preview
This text has a font color of #004676.
<span style="color:#004676;">Text here</span>
This paragraph has a background color of #004676.
<p style="background-color:#004676;">Content here</p>
This element has a border color of #004676.
<div style="border:1px solid #004676;">Content here</div>
.text {color:#004676;}
.background {background-color:#004676;}
.border {border:1px solid #004676;}
Shades and Tints of #004676
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, #000000 is the darkest color, while #ecf7ff is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#000c14
#000c14
rgb(0,12,20)
-
#001728
#001728
rgb(0,23,40)
-
#00233b
#00233b
rgb(0,35,59)
-
#002f4f
#002f4f
rgb(0,47,79)
-
#003a62
#003a62
rgb(0,58,98)
-
#004676
#004676
rgb(0,70,118)
-
#00528a
#00528a
rgb(0,82,138)
-
#005d9d
#005d9d
rgb(0,93,157)
-
#0069b1
#0069b1
rgb(0,105,177)
-
#0075c4
#0075c4
rgb(0,117,196)
-
#0080d8
#0080d8
rgb(0,128,216)
-
#008cec
#008cec
rgb(0,140,236)
-
#0097ff
#0097ff
rgb(0,151,255)
-
#149fff
#149fff
rgb(20,159,255)
-
#28a7ff
#28a7ff
rgb(40,167,255)
-
#3bafff
#3bafff
rgb(59,175,255)
-
#4fb7ff
#4fb7ff
rgb(79,183,255)
-
#62bfff
#62bfff
rgb(98,191,255)
-
#76c7ff
#76c7ff
rgb(118,199,255)
-
#8acfff
#8acfff
rgb(138,207,255)
-
#9dd7ff
#9dd7ff
rgb(157,215,255)
-
#b1dfff
#b1dfff
rgb(177,223,255)
-
#c4e7ff
#c4e7ff
rgb(196,231,255)
-
#d8efff
#d8efff
rgb(216,239,255)
-
#ecf7ff
#ecf7ff
rgb(236,247,255)
Tones of #004676
A tone is produced by adding gray to any pure hue. In this case, #363c40 is the less saturated color, while #004676 is the most saturated one.
-
#363c40
#363c40
rgb(54,60,64)
-
#323d44
#323d44
rgb(50,61,68)
-
#2d3e49
#2d3e49
rgb(45,62,73)
-
#293e4d
#293e4d
rgb(41,62,77)
-
#243f52
#243f52
rgb(36,63,82)
-
#204056
#204056
rgb(32,64,86)
-
#1b415b
#1b415b
rgb(27,65,91)
-
#17425f
#17425f
rgb(23,66,95)
-
#124364
#124364
rgb(18,67,100)
-
#0e4368
#0e4368
rgb(14,67,104)
-
#09446d
#09446d
rgb(9,68,109)
-
#054571
#054571
rgb(5,69,113)
-
#004676
#004676
rgb(0,70,118)
Color Blindness Simulator
Below, you can see how #004676 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.