#1f3376 Color Information
In a RGB color space, hex #1f3376 is composed of 12.2% red, 20% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 56.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 226.2 degrees, a saturation of 58.4% and a lightness of 29.2%. #1f3376 color hex could be obtained by blending #3e66ec with #000000. Closest websafe color is: #333366.
-
- R 12
- G 20
- B 46
-
- C 74
- M 57
- Y 0
- K 54
● #1f3376 color description : Dark blue.
#1f3376 Color Conversion
The hexadecimal color #1f3376 has RGB values of R:31, G:51, B:118 and CMYK values of C:0.74, M:0.57, Y:0, K:0.54. Its decimal value is 2044790.
Hex triplet | 1f3376 | #1f3376 |
---|---|---|
RGB Decimal | 31, 51, 118 | rgb(31,51,118) |
RGB Percent | 12.2, 20, 46.3 | rgb(12.2%,20%,46.3%) |
CMYK | 74, 57, 0, 54 | |
HSL | 226.2°, 58.4, 29.2 | hsl(226.2,58.4%,29.2%) |
HSV (or HSB) | 226.2°, 73.7, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 23.561, 17.054, -40.82 |
---|---|
XYZ | 5.018, 3.967, 17.64 |
xyY | 0.188, 0.149, 3.967 |
CIE-LCH | 23.561, 44.239, 292.674 |
CIE-LUV | 23.561, -8.244, -50.338 |
Hunter-Lab | 19.916, 10.122, -38.571 |
Binary | 00011111, 00110011, 01110110 |
Color Schemes with #1f3376
Alternatives to #1f3376
Below, you can see some colors close to #1f3376. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3376 Preview
This text has a font color of #1f3376.
<span style="color:#1f3376;">Text here</span>
This paragraph has a background color of #1f3376.
<p style="background-color:#1f3376;">Content here</p>
This element has a border color of #1f3376.
<div style="border:1px solid #1f3376;">Content here</div>
.text {color:#1f3376;}
.background {background-color:#1f3376;}
.border {border:1px solid #1f3376;}
Shades and Tints of #1f3376
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, #020409 is the darkest color, while #f9fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#070b19
#070b19
rgb(7,11,25)
-
#0b1128
#0b1128
rgb(11,17,40)
-
#0f1838
#0f1838
rgb(15,24,56)
-
#131f47
#131f47
rgb(19,31,71)
-
#172657
#172657
rgb(23,38,87)
-
#1b2c66
#1b2c66
rgb(27,44,102)
-
#1f3376
#1f3376
rgb(31,51,118)
-
#233a86
#233a86
rgb(35,58,134)
-
#274095
#274095
rgb(39,64,149)
-
#2b47a5
#2b47a5
rgb(43,71,165)
-
#2f4eb4
#2f4eb4
rgb(47,78,180)
-
#3355c4
#3355c4
rgb(51,85,196)
-
#3e5fcc
#3e5fcc
rgb(62,95,204)
-
#4e6cd0
#4e6cd0
rgb(78,108,208)
-
#5d79d5
#5d79d5
rgb(93,121,213)
-
#6d86d9
#6d86d9
rgb(109,134,217)
-
#7c93dd
#7c93dd
rgb(124,147,221)
-
#8c9fe1
#8c9fe1
rgb(140,159,225)
-
#9cace5
#9cace5
rgb(156,172,229)
-
#abb9e9
#abb9e9
rgb(171,185,233)
-
#bbc6ed
#bbc6ed
rgb(187,198,237)
-
#cad3f1
#cad3f1
rgb(202,211,241)
-
#dae0f5
#dae0f5
rgb(218,224,245)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #1f3376
A tone is produced by adding gray to any pure hue. In this case, #47494e is the less saturated color, while #022493 is the most saturated one.
-
#47494e
#47494e
rgb(71,73,78)
-
#414654
#414654
rgb(65,70,84)
-
#3c4259
#3c4259
rgb(60,66,89)
-
#363f5f
#363f5f
rgb(54,63,95)
-
#303c65
#303c65
rgb(48,60,101)
-
#2a396b
#2a396b
rgb(42,57,107)
-
#253670
#253670
rgb(37,54,112)
-
#1f3376
#1f3376
rgb(31,51,118)
-
#19307c
#19307c
rgb(25,48,124)
-
#142d81
#142d81
rgb(20,45,129)
-
#0e2a87
#0e2a87
rgb(14,42,135)
-
#08278d
#08278d
rgb(8,39,141)
-
#022493
#022493
rgb(2,36,147)
Color Blindness Simulator
Below, you can see how #1f3376 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.