#1f4197 hex color

In a RGB color space, hex #1f4197 is composed of 12.2% red, 25.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 57% magenta, 0% yellow and 40.8% black. It has a hue angle of 223 degrees, a saturation of 65.9% and a lightness of 35.7%. #1f4197 color hex could be obtained by blending #3e82ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 25
- B 59
RGB color chart
- C 79
- M 57
- Y 0
- K 41
CMYK color chart

● #1f4197 color description : Dark blue.

The hexadecimal color #1f4197 has RGB values of R:31, G:65, B:151 and CMYK values of C:0.79, M:0.57, Y:0, K:0.41. Its decimal value is 2048407.

Hex triplet	1f4197	`#1f4197`
RGB Decimal	31, 65, 151	`rgb(31,65,151)`
RGB Percent	12.2, 25.5, 59.2	`rgb(12.2%,25.5%,59.2%)`
CMYK	79, 57, 0, 41
HSL	223°, 65.9, 35.7	`hsl(223,65.9%,35.7%)`
HSV (or HSB)	223°, 79.5, 59.2
Web Safe	333399	`#333399`

CIE-LAB	30.171, 20.475, -50.638
XYZ	8.04, 6.306, 30.07
xyY	0.181, 0.142, 6.306
CIE-LCH	30.171, 54.621, 292.016
CIE-LUV	30.171, -12.184, -68.261
Hunter-Lab	25.111, 13.208, -53.42
Binary	00011111, 01000001, 10010111

#1f4197
```
#1f4197 rgb(31,65,151)
```
#97751f
```
#97751f rgb(151,117,31)
```

Complementary Color

#1f7d97
```
#1f7d97 rgb(31,125,151)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#391f97
```
#391f97 rgb(57,31,151)
```

Analogous Color

#7d971f
```
#7d971f rgb(125,151,31)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#97391f
```
#97391f rgb(151,57,31)
```

Split Complementary Color

#41971f
```
#41971f rgb(65,151,31)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#971f41
```
#971f41 rgb(151,31,65)
```

Triadic Color

#1f9775
```
#1f9775 rgb(31,151,117)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#971f41
```
#971f41 rgb(151,31,65)
```
#97751f
```
#97751f rgb(151,117,31)
```

Tetradic Color

#122658
```
#122658 rgb(18,38,88)
```
#162f6d
```
#162f6d rgb(22,47,109)
```
#1b3882
```
#1b3882 rgb(27,56,130)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#234aac
```
#234aac rgb(35,74,172)
```
#2853c1
```
#2853c1 rgb(40,83,193)
```
#2e5dd4
```
#2e5dd4 rgb(46,93,212)
```

Monochromatic Color

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

#1f5f97
```
#1f5f97 rgb(31,95,151)
```
#1f5597
```
#1f5597 rgb(31,85,151)
```
#1f4b97
```
#1f4b97 rgb(31,75,151)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#1f3797
```
#1f3797 rgb(31,55,151)
```
#1f2d97
```
#1f2d97 rgb(31,45,151)
```
#1f2397
```
#1f2397 rgb(31,35,151)
```

Similar Colors

Text with hexadecimal color #1f4197

This text has a font color of #1f4197.

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

#1f4197 background color

This paragraph has a background color of #1f4197.

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

#1f4197 border color

This element has a border color of #1f4197.

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

CSS codes

.text {color:#1f4197;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040915
```
#040915 rgb(4,9,21)
```
#081025
```
#081025 rgb(8,16,37)
```
#0b1735
```
#0b1735 rgb(11,23,53)
```
#0e1e46
```
#0e1e46 rgb(14,30,70)
```
#122556
```
#122556 rgb(18,37,86)
```
#152c66
```
#152c66 rgb(21,44,102)
```
#183376
```
#183376 rgb(24,51,118)
```
#1c3a87
```
#1c3a87 rgb(28,58,135)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#2248a7
```
#2248a7 rgb(34,72,167)
```
#264fb8
```
#264fb8 rgb(38,79,184)
```
#2956c8
```
#2956c8 rgb(41,86,200)
```

Shade Color Variation

#305fd4
```
#305fd4 rgb(48,95,212)
```
#406bd8
```
#406bd8 rgb(64,107,216)
```
#5178db
```
#5178db rgb(81,120,219)
```
#6184df
```
#6184df rgb(97,132,223)
```
#7191e2
```
#7191e2 rgb(113,145,226)
```
#819ee5
```
#819ee5 rgb(129,158,229)
```
#92aae9
```
#92aae9 rgb(146,170,233)
```
#a2b7ec
```
#a2b7ec rgb(162,183,236)
```
#b2c3ef
```
#b2c3ef rgb(178,195,239)
```
#c2d0f3
```
#c2d0f3 rgb(194,208,243)
```
#d3ddf6
```
#d3ddf6 rgb(211,221,246)
```
#e3e9f9
```
#e3e9f9 rgb(227,233,249)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#57595f
```
#57595f rgb(87,89,95)
```
#505666
```
#505666 rgb(80,86,102)
```
#49536d
```
#49536d rgb(73,83,109)
```
#425074
```
#425074 rgb(66,80,116)
```
#3b4d7b
```
#3b4d7b rgb(59,77,123)
```
#344a82
```
#344a82 rgb(52,74,130)
```
#2d4789
```
#2d4789 rgb(45,71,137)
```
#264490
```
#264490 rgb(38,68,144)
```
#1f4197
```
#1f4197 rgb(31,65,151)
```
#183e9e
```
#183e9e rgb(24,62,158)
```
#113ba5
```
#113ba5 rgb(17,59,165)
```
#0a38ac
```
#0a38ac rgb(10,56,172)
```
#0335b3
```
#0335b3 rgb(3,53,179)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a4152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#0b4998 Protanomaly 1% of men, 0.01% of women
#0b4c8c Deuteranomaly 6% of men, 0.4% of women
#0b4f72 Tritanomaly 0.01% of the population

#1f4197 hex color

#1f4197 Color Information

#1f4197 Color Conversion

Color Schemes with #1f4197

Alternatives to #1f4197

#1f4197 Preview

Shades and Tints of #1f4197

Tones of #1f4197

Color Blindness Simulator