#1f4059 hex color

In a RGB color space, hex #1f4059 is composed of 12.2% red, 25.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 28.1% magenta, 0% yellow and 65.1% black. It has a hue angle of 205.9 degrees, a saturation of 48.3% and a lightness of 23.5%. #1f4059 color hex could be obtained by blending #3e80b2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 25
- B 35
RGB color chart
- C 65
- M 28
- Y 0
- K 65
CMYK color chart

● #1f4059 color description : Very dark blue.

The hexadecimal color #1f4059 has RGB values of R:31, G:64, B:89 and CMYK values of C:0.65, M:0.28, Y:0, K:0.65. Its decimal value is 2048089.

Hex triplet	1f4059	`#1f4059`
RGB Decimal	31, 64, 89	`rgb(31,64,89)`
RGB Percent	12.2, 25.1, 34.9	`rgb(12.2%,25.1%,34.9%)`
CMYK	65, 28, 0, 65
HSL	205.9°, 48.3, 23.5	`hsl(205.9,48.3%,23.5%)`
HSV (or HSB)	205.9°, 65.2, 34.9
Web Safe	333366	`#333366`

CIE-LAB	25.8, -3.387, -18.563
XYZ	4.201, 4.679, 10.132
xyY	0.221, 0.246, 4.679
CIE-LCH	25.8, 18.869, 259.659
CIE-LUV	25.8, -12.566, -22.287
Hunter-Lab	21.631, -3.186, -12.631
Binary	00011111, 01000000, 01011001

#1f4059
```
#1f4059 rgb(31,64,89)
```
#59381f
```
#59381f rgb(89,56,31)
```

Complementary Color

#1f5955
```
#1f5955 rgb(31,89,85)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#1f2359
```
#1f2359 rgb(31,35,89)
```

Analogous Color

#59551f
```
#59551f rgb(89,85,31)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#591f23
```
#591f23 rgb(89,31,35)
```

Split Complementary Color

#40591f
```
#40591f rgb(64,89,31)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#591f40
```
#591f40 rgb(89,31,64)
```

Triadic Color

#1f5938
```
#1f5938 rgb(31,89,56)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#591f40
```
#591f40 rgb(89,31,64)
```
#59381f
```
#59381f rgb(89,56,31)
```

Tetradic Color

#0b1720
```
#0b1720 rgb(11,23,32)
```
#122533
```
#122533 rgb(18,37,51)
```
#183246
```
#183246 rgb(24,50,70)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#264e6c
```
#264e6c rgb(38,78,108)
```
#2c5b7f
```
#2c5b7f rgb(44,91,127)
```
#336992
```
#336992 rgb(51,105,146)
```

Monochromatic Color

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

#1f4f59
```
#1f4f59 rgb(31,79,89)
```
#1f4a59
```
#1f4a59 rgb(31,74,89)
```
#1f4559
```
#1f4559 rgb(31,69,89)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#1f3b59
```
#1f3b59 rgb(31,59,89)
```
#1f3659
```
#1f3659 rgb(31,54,89)
```
#1f3259
```
#1f3259 rgb(31,50,89)
```

Similar Colors

Text with hexadecimal color #1f4059

This text has a font color of #1f4059.

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

#1f4059 background color

This paragraph has a background color of #1f4059.

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

#1f4059 border color

This element has a border color of #1f4059.

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

CSS codes

.text {color:#1f4059;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b161f
```
#0b161f rgb(11,22,31)
```
#10212d
```
#10212d rgb(16,33,45)
```
#152b3c
```
#152b3c rgb(21,43,60)
```
#1a364a
```
#1a364a rgb(26,54,74)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#244a68
```
#244a68 rgb(36,74,104)
```
#295576
```
#295576 rgb(41,85,118)
```
#2e5f85
```
#2e5f85 rgb(46,95,133)
```
#336a93
```
#336a93 rgb(51,106,147)
```
#3874a2
```
#3874a2 rgb(56,116,162)
```
#3d7fb0
```
#3d7fb0 rgb(61,127,176)
```

Shade Color Variation

#4489be
```
#4489be rgb(68,137,190)
```
#5292c3
```
#5292c3 rgb(82,146,195)
```
#619bc8
```
#619bc8 rgb(97,155,200)
```
#6fa5cd
```
#6fa5cd rgb(111,165,205)
```
#7eaed2
```
#7eaed2 rgb(126,174,210)
```
#8cb7d7
```
#8cb7d7 rgb(140,183,215)
```
#9bc0dc
```
#9bc0dc rgb(155,192,220)
```
#a9c9e1
```
#a9c9e1 rgb(169,201,225)
```
#b8d2e6
```
#b8d2e6 rgb(184,210,230)
```
#c7dbeb
```
#c7dbeb rgb(199,219,235)
```
#d5e5f0
```
#d5e5f0 rgb(213,229,240)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#3b3c3d
```
#3b3c3d rgb(59,60,61)
```
#363d42
```
#363d42 rgb(54,61,66)
```
#313d47
```
#313d47 rgb(49,61,71)
```
#2d3e4b
```
#2d3e4b rgb(45,62,75)
```
#283f50
```
#283f50 rgb(40,63,80)
```
#243f54
```
#243f54 rgb(36,63,84)
```
#1f4059
```
#1f4059 rgb(31,64,89)
```
#1a415e
```
#1a415e rgb(26,65,94)
```
#164162
```
#164162 rgb(22,65,98)
```
#114267
```
#114267 rgb(17,66,103)
```
#0d436b
```
#0d436b rgb(13,67,107)
```
#084370
```
#084370 rgb(8,67,112)
```
#034475
```
#034475 rgb(3,68,117)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#343a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f465f Protanopia 1% of men
#3b4662 Deuteranopia 1% of men
#214c52 Tritanopia 0.001% of the population

Trichromacy

#33445c Protanomaly 1% of men, 0.01% of women
#31445f Deuteranomaly 6% of men, 0.4% of women
#204854 Tritanomaly 0.01% of the population

#1f4059 hex color

#1f4059 Color Information

#1f4059 Color Conversion

Color Schemes with #1f4059

Alternatives to #1f4059

#1f4059 Preview

Shades and Tints of #1f4059

Tones of #1f4059

Color Blindness Simulator