#1f3277 hex color

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

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

● #1f3277 color description : Dark blue.

The hexadecimal color #1f3277 has RGB values of R:31, G:50, B:119 and CMYK values of C:0.74, M:0.58, Y:0, K:0.53. Its decimal value is 2044535.

Hex triplet	1f3277	`#1f3277`
RGB Decimal	31, 50, 119	`rgb(31,50,119)`
RGB Percent	12.2, 19.6, 46.7	`rgb(12.2%,19.6%,46.7%)`
CMYK	74, 58, 0, 53
HSL	227°, 58.7, 29.4	`hsl(227,58.7%,29.4%)`
HSV (or HSB)	227°, 73.9, 46.7
Web Safe	333366	`#333366`

CIE-LAB	23.352, 18.16, -41.796
XYZ	5.035, 3.904, 17.94
xyY	0.187, 0.145, 3.904
CIE-LCH	23.352, 45.571, 293.485
CIE-LUV	23.352, -7.991, -51.33
Hunter-Lab	19.759, 10.906, -40.001
Binary	00011111, 00110010, 01110111

#1f3277
```
#1f3277 rgb(31,50,119)
```
#77641f
```
#77641f rgb(119,100,31)
```

Complementary Color

#1f5e77
```
#1f5e77 rgb(31,94,119)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#381f77
```
#381f77 rgb(56,31,119)
```

Analogous Color

#5e771f
```
#5e771f rgb(94,119,31)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#77381f
```
#77381f rgb(119,56,31)
```

Split Complementary Color

#32771f
```
#32771f rgb(50,119,31)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#771f32
```
#771f32 rgb(119,31,50)
```

Triadic Color

#1f7764
```
#1f7764 rgb(31,119,100)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#771f32
```
#771f32 rgb(119,31,50)
```
#77641f
```
#77641f rgb(119,100,31)
```

Tetradic Color

#0f193a
```
#0f193a rgb(15,25,58)
```
#14214f
```
#14214f rgb(20,33,79)
```
#1a2a63
```
#1a2a63 rgb(26,42,99)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#243b8b
```
#243b8b rgb(36,59,139)
```
#2a439f
```
#2a439f rgb(42,67,159)
```
#2f4cb4
```
#2f4cb4 rgb(47,76,180)
```

Monochromatic Color

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

#1f4877
```
#1f4877 rgb(31,72,119)
```
#1f4177
```
#1f4177 rgb(31,65,119)
```
#1f3977
```
#1f3977 rgb(31,57,119)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#1f2b77
```
#1f2b77 rgb(31,43,119)
```
#1f2377
```
#1f2377 rgb(31,35,119)
```
#221f77
```
#221f77 rgb(34,31,119)
```

Similar Colors

Text with hexadecimal color #1f3277

This text has a font color of #1f3277.

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

#1f3277 background color

This paragraph has a background color of #1f3277.

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

#1f3277 border color

This element has a border color of #1f3277.

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

CSS codes

.text {color:#1f3277;}

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

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

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)
```
#0b1129
```
#0b1129 rgb(11,17,41)
```
#0f1839
```
#0f1839 rgb(15,24,57)
```
#131e48
```
#131e48 rgb(19,30,72)
```
#172558
```
#172558 rgb(23,37,88)
```
#1b2b67
```
#1b2b67 rgb(27,43,103)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#233987
```
#233987 rgb(35,57,135)
```
#273f96
```
#273f96 rgb(39,63,150)
```
#2b46a6
```
#2b46a6 rgb(43,70,166)
```
#2f4cb5
```
#2f4cb5 rgb(47,76,181)
```
#3353c5
```
#3353c5 rgb(51,83,197)
```

Shade Color Variation

#3f5dcd
```
#3f5dcd rgb(63,93,205)
```
#4e6bd1
```
#4e6bd1 rgb(78,107,209)
```
#5e78d5
```
#5e78d5 rgb(94,120,213)
```
#6d85d9
```
#6d85d9 rgb(109,133,217)
```
#7d92dd
```
#7d92dd rgb(125,146,221)
```
#8d9fe1
```
#8d9fe1 rgb(141,159,225)
```
#9cace5
```
#9cace5 rgb(156,172,229)
```
#acb9e9
```
#acb9e9 rgb(172,185,233)
```
#bbc6ed
```
#bbc6ed rgb(187,198,237)
```
#cbd3f1
```
#cbd3f1 rgb(203,211,241)
```
#dae0f5
```
#dae0f5 rgb(218,224,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 #022294 is the most saturated one.

#47494f
```
#47494f rgb(71,73,79)
```
#424654
```
#424654 rgb(66,70,84)
```
#3c425a
```
#3c425a rgb(60,66,90)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#303c66
```
#303c66 rgb(48,60,102)
```
#2b396b
```
#2b396b rgb(43,57,107)
```
#253571
```
#253571 rgb(37,53,113)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#192f7d
```
#192f7d rgb(25,47,125)
```
#132b83
```
#132b83 rgb(19,43,131)
```
#0e2888
```
#0e2888 rgb(14,40,136)
```
#08258e
```
#08258e rgb(8,37,142)
```
#022294
```
#022294 rgb(2,34,148)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7d Protanopia 1% of men
#00436e Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#0b3a7b Protanomaly 1% of men, 0.01% of women
#0b3d71 Deuteranomaly 6% of men, 0.4% of women
#0b405c Tritanomaly 0.01% of the population

#1f3277 hex color

#1f3277 Color Information

#1f3277 Color Conversion

Color Schemes with #1f3277

Alternatives to #1f3277

#1f3277 Preview

Shades and Tints of #1f3277

Tones of #1f3277

Color Blindness Simulator