#1f3257 hex color

In a RGB color space, hex #1f3257 is composed of 12.2% red, 19.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 42.5% magenta, 0% yellow and 65.9% black. It has a hue angle of 219.6 degrees, a saturation of 47.5% and a lightness of 23.1%. #1f3257 color hex could be obtained by blending #3e64ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 34
RGB color chart
- C 64
- M 43
- Y 0
- K 66
CMYK color chart

● #1f3257 color description : Very dark blue.

The hexadecimal color #1f3257 has RGB values of R:31, G:50, B:87 and CMYK values of C:0.64, M:0.43, Y:0, K:0.66. Its decimal value is 2044503.

Hex triplet	1f3257	`#1f3257`
RGB Decimal	31, 50, 87	`rgb(31,50,87)`
RGB Percent	12.2, 19.6, 34.1	`rgb(12.2%,19.6%,34.1%)`
CMYK	64, 43, 0, 66
HSL	219.6°, 47.5, 23.1	`hsl(219.6,47.5%,23.1%)`
HSV (or HSB)	219.6°, 64.4, 34.1
Web Safe	333366	`#333366`

CIE-LAB	21.058, 5.426, -24.704
XYZ	3.426, 3.26, 9.465
xyY	0.212, 0.202, 3.26
CIE-LCH	21.058, 25.292, 282.388
CIE-LUV	21.058, -7.693, -28.701
Hunter-Lab	18.057, 2.265, -18.439
Binary	00011111, 00110010, 01010111

#1f3257
```
#1f3257 rgb(31,50,87)
```
#57441f
```
#57441f rgb(87,68,31)
```

Complementary Color

#1f4e57
```
#1f4e57 rgb(31,78,87)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#281f57
```
#281f57 rgb(40,31,87)
```

Analogous Color

#4e571f
```
#4e571f rgb(78,87,31)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#57281f
```
#57281f rgb(87,40,31)
```

Split Complementary Color

#32571f
```
#32571f rgb(50,87,31)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#571f32
```
#571f32 rgb(87,31,50)
```

Triadic Color

#1f5744
```
#1f5744 rgb(31,87,68)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#571f32
```
#571f32 rgb(87,31,50)
```
#57441f
```
#57441f rgb(87,68,31)
```

Tetradic Color

#0b121f
```
#0b121f rgb(11,18,31)
```
#121c31
```
#121c31 rgb(18,28,49)
```
#182744
```
#182744 rgb(24,39,68)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#263d6a
```
#263d6a rgb(38,61,106)
```
#2c487d
```
#2c487d rgb(44,72,125)
```
#33528f
```
#33528f rgb(51,82,143)
```

Monochromatic Color

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

#1f4057
```
#1f4057 rgb(31,64,87)
```
#1f3b57
```
#1f3b57 rgb(31,59,87)
```
#1f3757
```
#1f3757 rgb(31,55,87)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#1f2d57
```
#1f2d57 rgb(31,45,87)
```
#1f2957
```
#1f2957 rgb(31,41,87)
```
#1f2457
```
#1f2457 rgb(31,36,87)
```

Similar Colors

Text with hexadecimal color #1f3257

This text has a font color of #1f3257.

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

#1f3257 background color

This paragraph has a background color of #1f3257.

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

#1f3257 border color

This element has a border color of #1f3257.

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

CSS codes

.text {color:#1f3257;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05080f
```
#05080f rgb(5,8,15)
```
#0a111d
```
#0a111d rgb(10,17,29)
```
#10192c
```
#10192c rgb(16,25,44)
```
#15213a
```
#15213a rgb(21,33,58)
```
#1a2a49
```
#1a2a49 rgb(26,42,73)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#243a65
```
#243a65 rgb(36,58,101)
```
#294374
```
#294374 rgb(41,67,116)
```
#2e4b82
```
#2e4b82 rgb(46,75,130)
```
#345391
```
#345391 rgb(52,83,145)
```
#395c9f
```
#395c9f rgb(57,92,159)
```
#3e64ae
```
#3e64ae rgb(62,100,174)
```

Shade Color Variation

#436cbc
```
#436cbc rgb(67,108,188)
```
#5278c1
```
#5278c1 rgb(82,120,193)
```
#6083c6
```
#6083c6 rgb(96,131,198)
```
#6f8ecc
```
#6f8ecc rgb(111,142,204)
```
#7d99d1
```
#7d99d1 rgb(125,153,209)
```
#8ca5d6
```
#8ca5d6 rgb(140,165,214)
```
#9ab0db
```
#9ab0db rgb(154,176,219)
```
#a8bbe0
```
#a8bbe0 rgb(168,187,224)
```
#b7c7e5
```
#b7c7e5 rgb(183,199,229)
```
#c5d2ea
```
#c5d2ea rgb(197,210,234)
```
#d4ddf0
```
#d4ddf0 rgb(212,221,240)
```
#e2e9f5
```
#e2e9f5 rgb(226,233,245)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Tint Color Variation

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

#3a3b3c
```
#3a3b3c rgb(58,59,60)
```
#363940
```
#363940 rgb(54,57,64)
```
#313845
```
#313845 rgb(49,56,69)
```
#2d3649
```
#2d3649 rgb(45,54,73)
```
#28354e
```
#28354e rgb(40,53,78)
```
#243352
```
#243352 rgb(36,51,82)
```
#1f3257
```
#1f3257 rgb(31,50,87)
```
#1a315c
```
#1a315c rgb(26,49,92)
```
#162f60
```
#162f60 rgb(22,47,96)
```
#112e65
```
#112e65 rgb(17,46,101)
```
#0d2c69
```
#0d2c69 rgb(13,44,105)
```
#082b6e
```
#082b6e rgb(8,43,110)
```
#042972
```
#042972 rgb(4,41,114)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2d3139 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3c5f Protanopia 1% of men
#263d5f Deuteranopia 1% of men
#1c4247 Tritanopia 0.001% of the population

Trichromacy

#28385c Protanomaly 1% of men, 0.01% of women
#23395c Deuteranomaly 6% of men, 0.4% of women
#1d3c4c Tritanomaly 0.01% of the population

#1f3257 hex color

#1f3257 Color Information

#1f3257 Color Conversion

Color Schemes with #1f3257

Alternatives to #1f3257

#1f3257 Preview

Shades and Tints of #1f3257

Tones of #1f3257

Color Blindness Simulator