#1f4f83 hex color

In a RGB color space, hex #1f4f83 is composed of 12.2% red, 31% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 39.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 211.2 degrees, a saturation of 61.7% and a lightness of 31.8%. #1f4f83 color hex could be obtained by blending #3e9eff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 31
- B 51
RGB color chart
- C 76
- M 40
- Y 0
- K 49
CMYK color chart

● #1f4f83 color description : Dark blue.

The hexadecimal color #1f4f83 has RGB values of R:31, G:79, B:131 and CMYK values of C:0.76, M:0.4, Y:0, K:0.49. Its decimal value is 2051971.

Hex triplet	1f4f83	`#1f4f83`
RGB Decimal	31, 79, 131	`rgb(31,79,131)`
RGB Percent	12.2, 31, 51.4	`rgb(12.2%,31%,51.4%)`
CMYK	76, 40, 0, 49
HSL	211.2°, 61.7, 31.8	`hsl(211.2,61.7%,31.8%)`
HSV (or HSB)	211.2°, 76.3, 51.4
Web Safe	336699	`#336699`

CIE-LAB	32.966, 2.988, -33.871
XYZ	7.457, 7.521, 22.53
xyY	0.199, 0.201, 7.521
CIE-LCH	32.966, 34.003, 275.042
CIE-LUV	32.966, -16.745, -46.291
Hunter-Lab	27.425, 0.54, -29.51
Binary	00011111, 01001111, 10000011

#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#83531f
```
#83531f rgb(131,83,31)
```

Complementary Color

#1f8183
```
#1f8183 rgb(31,129,131)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#211f83
```
#211f83 rgb(33,31,131)
```

Analogous Color

#81831f
```
#81831f rgb(129,131,31)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#83211f
```
#83211f rgb(131,33,31)
```

Split Complementary Color

#4f831f
```
#4f831f rgb(79,131,31)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#831f4f
```
#831f4f rgb(131,31,79)
```

Triadic Color

#1f8353
```
#1f8353 rgb(31,131,83)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#831f4f
```
#831f4f rgb(131,31,79)
```
#83531f
```
#83531f rgb(131,83,31)
```

Tetradic Color

#102a45
```
#102a45 rgb(16,42,69)
```
#15365a
```
#15365a rgb(21,54,90)
```
#1a436e
```
#1a436e rgb(26,67,110)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#245b98
```
#245b98 rgb(36,91,152)
```
#2968ac
```
#2968ac rgb(41,104,172)
```
#2e74c1
```
#2e74c1 rgb(46,116,193)
```

Monochromatic Color

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

#1f6883
```
#1f6883 rgb(31,104,131)
```
#1f6083
```
#1f6083 rgb(31,96,131)
```
#1f5783
```
#1f5783 rgb(31,87,131)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#1f4783
```
#1f4783 rgb(31,71,131)
```
#1f3e83
```
#1f3e83 rgb(31,62,131)
```
#1f3683
```
#1f3683 rgb(31,54,131)
```

Similar Colors

Text with hexadecimal color #1f4f83

This text has a font color of #1f4f83.

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

#1f4f83 background color

This paragraph has a background color of #1f4f83.

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

#1f4f83 border color

This element has a border color of #1f4f83.

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

CSS codes

.text {color:#1f4f83;}

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

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

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, #010204 is the darkest color, while #f3f8fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050c14
```
#050c14 rgb(5,12,20)
```
#081624
```
#081624 rgb(8,22,36)
```
#0c1f34
```
#0c1f34 rgb(12,31,52)
```
#102944
```
#102944 rgb(16,41,68)
```
#143253
```
#143253 rgb(20,50,83)
```
#173c63
```
#173c63 rgb(23,60,99)
```
#1b4573
```
#1b4573 rgb(27,69,115)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#235993
```
#235993 rgb(35,89,147)
```
#2762a3
```
#2762a3 rgb(39,98,163)
```
#2a6cb3
```
#2a6cb3 rgb(42,108,179)
```
#2e75c2
```
#2e75c2 rgb(46,117,194)
```

Shade Color Variation

#357fcf
```
#357fcf rgb(53,127,207)
```
#4589d3
```
#4589d3 rgb(69,137,211)
```
#5593d7
```
#5593d7 rgb(85,147,215)
```
#649dda
```
#649dda rgb(100,157,218)
```
#74a7de
```
#74a7de rgb(116,167,222)
```
#84b1e2
```
#84b1e2 rgb(132,177,226)
```
#94bbe6
```
#94bbe6 rgb(148,187,230)
```
#a4c5e9
```
#a4c5e9 rgb(164,197,233)
```
#b4cfed
```
#b4cfed rgb(180,207,237)
```
#c4d9f1
```
#c4d9f1 rgb(196,217,241)
```
#d4e3f5
```
#d4e3f5 rgb(212,227,245)
```
#e3eef8
```
#e3eef8 rgb(227,238,248)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

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

#515151
```
#515151 rgb(81,81,81)
```
#4b5157
```
#4b5157 rgb(75,81,87)
```
#44505e
```
#44505e rgb(68,80,94)
```
#3e5064
```
#3e5064 rgb(62,80,100)
```
#38506a
```
#38506a rgb(56,80,106)
```
#325070
```
#325070 rgb(50,80,112)
```
#2b4f77
```
#2b4f77 rgb(43,79,119)
```
#254f7d
```
#254f7d rgb(37,79,125)
```
#1f4f83
```
#1f4f83 rgb(31,79,131)
```
#194f89
```
#194f89 rgb(25,79,137)
```
#134f8f
```
#134f8f rgb(19,79,143)
```
#0c4e96
```
#0c4e96 rgb(12,78,150)
```
#064e9c
```
#064e9c rgb(6,78,156)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415587 Protanopia 1% of men
#305789 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#345285 Protanomaly 1% of men, 0.01% of women
#2a5487 Deuteranomaly 6% of men, 0.4% of women
#0b5970 Tritanomaly 0.01% of the population

#1f4f83 hex color

#1f4f83 Color Information

#1f4f83 Color Conversion

Color Schemes with #1f4f83

Alternatives to #1f4f83

#1f4f83 Preview

Shades and Tints of #1f4f83

Tones of #1f4f83

Color Blindness Simulator