#003348 Color Information
In a RGB color space, hex #003348 is composed of 0% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 197.5 degrees, a saturation of 100% and a lightness of 14.1%. #003348 color hex could be obtained by blending #006690 with #000000. Closest websafe color is: #003333.
-
- R 0
- G 20
- B 28
-
- C 100
- M 29
- Y 0
- K 72
● #003348 color description : Very dark blue.
#003348 Color Conversion
The hexadecimal color #003348 has RGB values of R:0, G:51, B:72 and CMYK values of C:1, M:0.29, Y:0, K:0.72. Its decimal value is 13128.
Hex triplet | 003348 | #003348 |
---|---|---|
RGB Decimal | 0, 51, 72 | rgb(0,51,72) |
RGB Percent | 0, 20, 28.2 | rgb(0%,20%,28.2%) |
CMYK | 100, 29, 0, 72 | |
HSL | 197.5°, 100, 14.1 | hsl(197.5,100%,14.1%) |
HSV (or HSB) | 197.5°, 100, 28.2 | |
Web Safe | 003333 | #003333 |
CIE-LAB | 19.372, -6.736, -17.394 |
---|---|
XYZ | 2.353, 2.835, 6.554 |
xyY | 0.2, 0.241, 2.835 |
CIE-LCH | 19.372, 18.653, 248.83 |
CIE-LUV | 19.372, -13.096, -18.38 |
Hunter-Lab | 16.838, -4.521, -11.29 |
Binary | 00000000, 00110011, 01001000 |
Color Schemes with #003348
Alternatives to #003348
Below, you can see some colors close to #003348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#003348 Preview
This text has a font color of #003348.
<span style="color:#003348;">Text here</span>
This paragraph has a background color of #003348.
<p style="background-color:#003348;">Content here</p>
This element has a border color of #003348.
<div style="border:1px solid #003348;">Content here</div>
.text {color:#003348;}
.background {background-color:#003348;}
.border {border:1px solid #003348;}
Shades and Tints of #003348
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, #00090d is the darkest color, while #f9fdff is the lightest one.
-
#00090d
#00090d
rgb(0,9,13)
-
#001721
#001721
rgb(0,23,33)
-
#002534
#002534
rgb(0,37,52)
-
#003348
#003348
rgb(0,51,72)
-
#00415c
#00415c
rgb(0,65,92)
-
#004f6f
#004f6f
rgb(0,79,111)
-
#005d83
#005d83
rgb(0,93,131)
-
#006b96
#006b96
rgb(0,107,150)
-
#0078aa
#0078aa
rgb(0,120,170)
-
#0086be
#0086be
rgb(0,134,190)
-
#0094d1
#0094d1
rgb(0,148,209)
-
#00a2e5
#00a2e5
rgb(0,162,229)
-
#00b0f9
#00b0f9
rgb(0,176,249)
-
#0db8ff
#0db8ff
rgb(13,184,255)
-
#21beff
#21beff
rgb(33,190,255)
-
#34c4ff
#34c4ff
rgb(52,196,255)
-
#48caff
#48caff
rgb(72,202,255)
-
#5ccfff
#5ccfff
rgb(92,207,255)
-
#6fd5ff
#6fd5ff
rgb(111,213,255)
-
#83dbff
#83dbff
rgb(131,219,255)
-
#96e1ff
#96e1ff
rgb(150,225,255)
-
#aae6ff
#aae6ff
rgb(170,230,255)
-
#beecff
#beecff
rgb(190,236,255)
-
#d1f2ff
#d1f2ff
rgb(209,242,255)
-
#e5f7ff
#e5f7ff
rgb(229,247,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #003348
A tone is produced by adding gray to any pure hue. In this case, #212527 is the less saturated color, while #003348 is the most saturated one.
-
#212527
#212527
rgb(33,37,39)
-
#1e262a
#1e262a
rgb(30,38,42)
-
#1c272c
#1c272c
rgb(28,39,44)
-
#19292f
#19292f
rgb(25,41,47)
-
#162a32
#162a32
rgb(22,42,50)
-
#132b35
#132b35
rgb(19,43,53)
-
#112c37
#112c37
rgb(17,44,55)
-
#0e2d3a
#0e2d3a
rgb(14,45,58)
-
#0b2e3d
#0b2e3d
rgb(11,46,61)
-
#083040
#083040
rgb(8,48,64)
-
#063142
#063142
rgb(6,49,66)
-
#033245
#033245
rgb(3,50,69)
-
#003348
#003348
rgb(0,51,72)
Color Blindness Simulator
Below, you can see how #003348 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.