#1f5198 hex color

In a RGB color space, hex #1f5198 is composed of 12.2% red, 31.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 46.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 215.2 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f5198 color hex could be obtained by blending #3ea2ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 32
- B 60
RGB color chart
- C 80
- M 47
- Y 0
- K 40
CMYK color chart

● #1f5198 color description : Dark blue.

The hexadecimal color #1f5198 has RGB values of R:31, G:81, B:152 and CMYK values of C:0.8, M:0.47, Y:0, K:0.4. Its decimal value is 2052504.

Hex triplet	1f5198	`#1f5198`
RGB Decimal	31, 81, 152	`rgb(31,81,152)`
RGB Percent	12.2, 31.8, 59.6	`rgb(12.2%,31.8%,59.6%)`
CMYK	80, 47, 0, 40
HSL	215.2°, 66.1, 35.9	`hsl(215.2,66.1%,35.9%)`
HSV (or HSB)	215.2°, 79.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	34.888, 10.01, -43.622
XYZ	9.174, 8.442, 30.85
xyY	0.189, 0.174, 8.442
CIE-LCH	34.888, 44.756, 282.923
CIE-LUV	34.888, -16.85, -61.504
Hunter-Lab	29.056, 5.509, -42.612
Binary	00011111, 01010001, 10011000

#1f5198
```
#1f5198 rgb(31,81,152)
```
#98661f
```
#98661f rgb(152,102,31)
```

Complementary Color

#1f8e98
```
#1f8e98 rgb(31,142,152)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#2a1f98
```
#2a1f98 rgb(42,31,152)
```

Analogous Color

#8e981f
```
#8e981f rgb(142,152,31)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#982a1f
```
#982a1f rgb(152,42,31)
```

Split Complementary Color

#51981f
```
#51981f rgb(81,152,31)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#981f51
```
#981f51 rgb(152,31,81)
```

Triadic Color

#1f9866
```
#1f9866 rgb(31,152,102)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#981f51
```
#981f51 rgb(152,31,81)
```
#98661f
```
#98661f rgb(152,102,31)
```

Tetradic Color

#122f58
```
#122f58 rgb(18,47,88)
```
#163a6e
```
#163a6e rgb(22,58,110)
```
#1b4683
```
#1b4683 rgb(27,70,131)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#235cad
```
#235cad rgb(35,92,173)
```
#2868c2
```
#2868c2 rgb(40,104,194)
```
#2f73d5
```
#2f73d5 rgb(47,115,213)
```

Monochromatic Color

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

#1f6f98
```
#1f6f98 rgb(31,111,152)
```
#1f6598
```
#1f6598 rgb(31,101,152)
```
#1f5b98
```
#1f5b98 rgb(31,91,152)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#1f4798
```
#1f4798 rgb(31,71,152)
```
#1f3d98
```
#1f3d98 rgb(31,61,152)
```
#1f3398
```
#1f3398 rgb(31,51,152)
```

Similar Colors

Text with hexadecimal color #1f5198

This text has a font color of #1f5198.

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

#1f5198 background color

This paragraph has a background color of #1f5198.

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

#1f5198 border color

This element has a border color of #1f5198.

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

CSS codes

.text {color:#1f5198;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#081426
```
#081426 rgb(8,20,38)
```
#0b1d36
```
#0b1d36 rgb(11,29,54)
```
#0e2647
```
#0e2647 rgb(14,38,71)
```
#122e57
```
#122e57 rgb(18,46,87)
```
#153767
```
#153767 rgb(21,55,103)
```
#184077
```
#184077 rgb(24,64,119)
```
#1c4888
```
#1c4888 rgb(28,72,136)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#225aa8
```
#225aa8 rgb(34,90,168)
```
#2662b9
```
#2662b9 rgb(38,98,185)
```
#296bc9
```
#296bc9 rgb(41,107,201)
```

Shade Color Variation

#3174d5
```
#3174d5 rgb(49,116,213)
```
#417fd8
```
#417fd8 rgb(65,127,216)
```
#518adc
```
#518adc rgb(81,138,220)
```
#6195df
```
#6195df rgb(97,149,223)
```
#72a0e2
```
#72a0e2 rgb(114,160,226)
```
#82abe6
```
#82abe6 rgb(130,171,230)
```
#92b6e9
```
#92b6e9 rgb(146,182,233)
```
#a3c1ec
```
#a3c1ec rgb(163,193,236)
```
#b3ccef
```
#b3ccef rgb(179,204,239)
```
#c3d7f3
```
#c3d7f3 rgb(195,215,243)
```
#d3e2f6
```
#d3e2f6 rgb(211,226,246)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b60 is the less saturated color, while #034cb4 is the most saturated one.

#575b60
```
#575b60 rgb(87,91,96)
```
#505a67
```
#505a67 rgb(80,90,103)
```
#49586e
```
#49586e rgb(73,88,110)
```
#425775
```
#425775 rgb(66,87,117)
```
#3b567c
```
#3b567c rgb(59,86,124)
```
#345583
```
#345583 rgb(52,85,131)
```
#2d538a
```
#2d538a rgb(45,83,138)
```
#265291
```
#265291 rgb(38,82,145)
```
#1f5198
```
#1f5198 rgb(31,81,152)
```
#18509f
```
#18509f rgb(24,80,159)
```
#114fa6
```
#114fa6 rgb(17,79,166)
```
#0a4dad
```
#0a4dad rgb(10,77,173)
```
#034cb4
```
#034cb4 rgb(3,76,180)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#36589c Protanopia 1% of men
#005c9a Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#2d559a Protanomaly 1% of men, 0.01% of women
#0b5899 Deuteranomaly 6% of men, 0.4% of women
#0b5d7a Tritanomaly 0.01% of the population

#1f5198 hex color

#1f5198 Color Information

#1f5198 Color Conversion

Color Schemes with #1f5198

Alternatives to #1f5198

#1f5198 Preview

Shades and Tints of #1f5198

Tones of #1f5198

Color Blindness Simulator