colorhexa.com

#1f3859 hex color

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

- R 12
- G 22
- B 35
RGB color chart
- C 65
- M 37
- Y 0
- K 65
CMYK color chart

● #1f3859 color description : Very dark blue.

The hexadecimal color #1f3859 has RGB values of R:31, G:56, B:89 and CMYK values of C:0.65, M:0.37, Y:0, K:0.65. Its decimal value is 2046041.

Hex triplet	1f3859	`#1f3859`
RGB Decimal	31, 56, 89	`rgb(31,56,89)`
RGB Percent	12.2, 22, 34.9	`rgb(12.2%,22%,34.9%)`
CMYK	65, 37, 0, 65
HSL	214.1°, 48.3, 23.5	`hsl(214.1,48.3%,23.5%)`
HSV (or HSB)	214.1°, 65.2, 34.9
Web Safe	333366	`#333366`

CIE-LAB	23.138, 2.003, -22.735
XYZ	3.782, 3.841, 9.993
xyY	0.215, 0.218, 3.841
CIE-LCH	23.138, 22.823, 275.034
CIE-LUV	23.138, -9.707, -27.079
Hunter-Lab	19.598, 0.151, -16.513
Binary	00011111, 00111000, 01011001

#1f3859
```
#1f3859 rgb(31,56,89)
```
#59401f
```
#59401f rgb(89,64,31)
```

Complementary Color

#1f5559
```
#1f5559 rgb(31,85,89)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#231f59
```
#231f59 rgb(35,31,89)
```

Analogous Color

#55591f
```
#55591f rgb(85,89,31)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#59231f
```
#59231f rgb(89,35,31)
```

Split Complementary Color

#0b1420
```
#0b1420 rgb(11,20,32)
```
#122033
```
#122033 rgb(18,32,51)
```
#182c46
```
#182c46 rgb(24,44,70)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#26446c
```
#26446c rgb(38,68,108)
```
#2c507f
```
#2c507f rgb(44,80,127)
```
#335c92
```
#335c92 rgb(51,92,146)
```

Monochromatic Color

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

#1f4759
```
#1f4759 rgb(31,71,89)
```
#1f4259
```
#1f4259 rgb(31,66,89)
```
#1f3d59
```
#1f3d59 rgb(31,61,89)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#1f3359
```
#1f3359 rgb(31,51,89)
```
#1f2e59
```
#1f2e59 rgb(31,46,89)
```
#1f2a59
```
#1f2a59 rgb(31,42,89)
```

Similar Colors

Text with hexadecimal color #1f3859

This text has a font color of #1f3859.

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

#1f3859 background color

This paragraph has a background color of #1f3859.

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

#1f3859 border color

This element has a border color of #1f3859.

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

CSS codes

.text {color:#1f3859;}

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

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

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 #f2f6fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#101d2d
```
#101d2d rgb(16,29,45)
```
#15263c
```
#15263c rgb(21,38,60)
```
#1a2f4a
```
#1a2f4a rgb(26,47,74)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#244168
```
#244168 rgb(36,65,104)
```
#294a76
```
#294a76 rgb(41,74,118)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#335d93
```
#335d93 rgb(51,93,147)
```
#3866a2
```
#3866a2 rgb(56,102,162)
```
#3d6fb0
```
#3d6fb0 rgb(61,111,176)
```

Shade Color Variation

#4478be
```
#4478be rgb(68,120,190)
```
#5283c3
```
#5283c3 rgb(82,131,195)
```
#618dc8
```
#618dc8 rgb(97,141,200)
```
#6f98cd
```
#6f98cd rgb(111,152,205)
```
#7ea2d2
```
#7ea2d2 rgb(126,162,210)
```
#8cadd7
```
#8cadd7 rgb(140,173,215)
```
#9bb7dc
```
#9bb7dc rgb(155,183,220)
```
#a9c1e1
```
#a9c1e1 rgb(169,193,225)
```
#b8cce6
```
#b8cce6 rgb(184,204,230)
```
#c7d6eb
```
#c7d6eb rgb(199,214,235)
```
#d5e1f0
```
#d5e1f0 rgb(213,225,240)
```
#e4ebf5
```
#e4ebf5 rgb(228,235,245)
```
#f2f6fb
```
#f2f6fb rgb(242,246,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 #033475 is the most saturated one.

#3b3c3d
```
#3b3c3d rgb(59,60,61)
```
#363b42
```
#363b42 rgb(54,59,66)
```
#313b47
```
#313b47 rgb(49,59,71)
```
#2d3a4b
```
#2d3a4b rgb(45,58,75)
```
#283950
```
#283950 rgb(40,57,80)
```
#243954
```
#243954 rgb(36,57,84)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#1a375e
```
#1a375e rgb(26,55,94)
```
#163762
```
#163762 rgb(22,55,98)
```
#113667
```
#113667 rgb(17,54,103)
```
#0d356b
```
#0d356b rgb(13,53,107)
```
#083570
```
#083570 rgb(8,53,112)
```
#033475
```
#033475 rgb(3,52,117)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#30353b Atypical Achromatopsia 0.001% of the population

Dichromacy

#354060 Protanopia 1% of men
#2f4161 Deuteranopia 1% of men
#1d464c Tritanopia 0.001% of the population

Trichromacy

#2d3d5d Protanomaly 1% of men, 0.01% of women
#293e5e Deuteranomaly 6% of men, 0.4% of women
#1e4150 Tritanomaly 0.01% of the population