#1f3377 hex color

In a RGB color space, hex #1f3377 is composed of 12.2% red, 20% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 57.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 226.4 degrees, a saturation of 58.7% and a lightness of 29.4%. #1f3377 color hex could be obtained by blending #3e66ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 47
RGB color chart
- C 74
- M 57
- Y 0
- K 53
CMYK color chart

● #1f3377 color description : Dark blue.

The hexadecimal color #1f3377 has RGB values of R:31, G:51, B:119 and CMYK values of C:0.74, M:0.57, Y:0, K:0.53. Its decimal value is 2044791.

Hex triplet	1f3377	`#1f3377`
RGB Decimal	31, 51, 119	`rgb(31,51,119)`
RGB Percent	12.2, 20, 46.7	`rgb(12.2%,20%,46.7%)`
CMYK	74, 57, 0, 53
HSL	226.4°, 58.7, 29.4	`hsl(226.4,58.7%,29.4%)`
HSV (or HSB)	226.4°, 73.9, 46.7
Web Safe	333366	`#333366`

CIE-LAB	23.64, 17.453, -41.328
XYZ	5.078, 3.991, 17.954
xyY	0.188, 0.148, 3.991
CIE-LCH	23.64, 44.862, 292.895
CIE-LUV	23.64, -8.256, -51.022
Hunter-Lab	19.976, 10.416, -39.305
Binary	00011111, 00110011, 01110111

#1f3377
```
#1f3377 rgb(31,51,119)
```
#77631f
```
#77631f rgb(119,99,31)
```

Complementary Color

#1f5f77
```
#1f5f77 rgb(31,95,119)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#371f77
```
#371f77 rgb(55,31,119)
```

Analogous Color

#5f771f
```
#5f771f rgb(95,119,31)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#77371f
```
#77371f rgb(119,55,31)
```

Split Complementary Color

#33771f
```
#33771f rgb(51,119,31)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#771f33
```
#771f33 rgb(119,31,51)
```

Triadic Color

#1f7763
```
#1f7763 rgb(31,119,99)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#771f33
```
#771f33 rgb(119,31,51)
```
#77631f
```
#77631f rgb(119,99,31)
```

Tetradic Color

#0f193a
```
#0f193a rgb(15,25,58)
```
#14224f
```
#14224f rgb(20,34,79)
```
#1a2a63
```
#1a2a63 rgb(26,42,99)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#243c8b
```
#243c8b rgb(36,60,139)
```
#2a449f
```
#2a449f rgb(42,68,159)
```
#2f4db4
```
#2f4db4 rgb(47,77,180)
```

Monochromatic Color

Below, you can see some colors close to #1f3377. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1f4977
```
#1f4977 rgb(31,73,119)
```
#1f4277
```
#1f4277 rgb(31,66,119)
```
#1f3a77
```
#1f3a77 rgb(31,58,119)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#1f2c77
```
#1f2c77 rgb(31,44,119)
```
#1f2477
```
#1f2477 rgb(31,36,119)
```
#211f77
```
#211f77 rgb(33,31,119)
```

Similar Colors

Text with hexadecimal color #1f3377

This text has a font color of #1f3377.

<span style="color:#1f3377;">Text here</span>

#1f3377 background color

This paragraph has a background color of #1f3377.

<p style="background-color:#1f3377;">Content here</p>

#1f3377 border color

This element has a border color of #1f3377.

<div style="border:1px solid #1f3377;">Content here</div>

CSS codes

.text {color:#1f3377;}

.background {background-color:#1f3377;}

.border {border:1px solid #1f3377;}

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, #03040a is the darkest color, while #fafafe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#070b1a
```
#070b1a rgb(7,11,26)
```
#0b1229
```
#0b1229 rgb(11,18,41)
```
#0f1839
```
#0f1839 rgb(15,24,57)
```
#131f48
```
#131f48 rgb(19,31,72)
```
#172658
```
#172658 rgb(23,38,88)
```
#1b2c67
```
#1b2c67 rgb(27,44,103)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#233a87
```
#233a87 rgb(35,58,135)
```
#274096
```
#274096 rgb(39,64,150)
```
#2b47a6
```
#2b47a6 rgb(43,71,166)
```
#2f4eb5
```
#2f4eb5 rgb(47,78,181)
```
#3354c5
```
#3354c5 rgb(51,84,197)
```

Shade Color Variation

#3f5fcd
```
#3f5fcd rgb(63,95,205)
```
#4e6cd1
```
#4e6cd1 rgb(78,108,209)
```
#5e79d5
```
#5e79d5 rgb(94,121,213)
```
#6d86d9
```
#6d86d9 rgb(109,134,217)
```
#7d93dd
```
#7d93dd rgb(125,147,221)
```
#8da0e1
```
#8da0e1 rgb(141,160,225)
```
#9cade5
```
#9cade5 rgb(156,173,229)
```
#acbae9
```
#acbae9 rgb(172,186,233)
```
#bbc7ed
```
#bbc7ed rgb(187,199,237)
```
#cbd4f1
```
#cbd4f1 rgb(203,212,241)
```
#dae1f5
```
#dae1f5 rgb(218,225,245)
```
#eaedfa
```
#eaedfa rgb(234,237,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494f is the less saturated color, while #022394 is the most saturated one.

#47494f
```
#47494f rgb(71,73,79)
```
#424654
```
#424654 rgb(66,70,84)
```
#3c435a
```
#3c435a rgb(60,67,90)
```
#364060
```
#364060 rgb(54,64,96)
```
#303c66
```
#303c66 rgb(48,60,102)
```
#2b396b
```
#2b396b rgb(43,57,107)
```
#253671
```
#253671 rgb(37,54,113)
```
#1f3377
```
#1f3377 rgb(31,51,119)
```
#19307d
```
#19307d rgb(25,48,125)
```
#132d83
```
#132d83 rgb(19,45,131)
```
#0e2a88
```
#0e2a88 rgb(14,42,136)
```
#08268e
```
#08268e rgb(8,38,142)
```
#022394
```
#022394 rgb(2,35,148)
```

Tone Color Variation

Below, you can see how #1f3377 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.

Monochromacy

#353535 Achromatopsia 0.005% of the population
#313542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446f Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#0b3b7b Protanomaly 1% of men, 0.01% of women
#0b3d72 Deuteranomaly 6% of men, 0.4% of women
#0b415c Tritanomaly 0.01% of the population

#1f3377 hex color

#1f3377 Color Information

#1f3377 Color Conversion

Color Schemes with #1f3377

Alternatives to #1f3377

#1f3377 Preview

Shades and Tints of #1f3377

Tones of #1f3377

Color Blindness Simulator