#1f3559 hex color

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

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

● #1f3559 color description : Very dark blue.

The hexadecimal color #1f3559 has RGB values of R:31, G:53, B:89 and CMYK values of C:0.65, M:0.4, Y:0, K:0.65. Its decimal value is 2045273.

Hex triplet	1f3559	`#1f3559`
RGB Decimal	31, 53, 89	`rgb(31,53,89)`
RGB Percent	12.2, 20.8, 34.9	`rgb(12.2%,20.8%,34.9%)`
CMYK	65, 40, 0, 65
HSL	217.2°, 48.3, 23.5	`hsl(217.2,48.3%,23.5%)`
HSV (or HSB)	217.2°, 65.2, 34.9
Web Safe	333366	`#333366`

CIE-LAB	22.155, 4.089, -24.287
XYZ	3.641, 3.559, 9.946
xyY	0.212, 0.208, 3.559
CIE-LCH	22.155, 24.629, 279.558
CIE-LUV	22.155, -8.687, -28.686
Hunter-Lab	18.864, 1.44, -18.054
Binary	00011111, 00110101, 01011001

#1f3559
```
#1f3559 rgb(31,53,89)
```
#59431f
```
#59431f rgb(89,67,31)
```

Complementary Color

#1f5259
```
#1f5259 rgb(31,82,89)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#261f59
```
#261f59 rgb(38,31,89)
```

Analogous Color

#52591f
```
#52591f rgb(82,89,31)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#59261f
```
#59261f rgb(89,38,31)
```

Split Complementary Color

#35591f
```
#35591f rgb(53,89,31)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#591f35
```
#591f35 rgb(89,31,53)
```

Triadic Color

#1f5943
```
#1f5943 rgb(31,89,67)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#591f35
```
#591f35 rgb(89,31,53)
```
#59431f
```
#59431f rgb(89,67,31)
```

Tetradic Color

#0b1320
```
#0b1320 rgb(11,19,32)
```
#121e33
```
#121e33 rgb(18,30,51)
```
#182a46
```
#182a46 rgb(24,42,70)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#26406c
```
#26406c rgb(38,64,108)
```
#2c4c7f
```
#2c4c7f rgb(44,76,127)
```
#335792
```
#335792 rgb(51,87,146)
```

Monochromatic Color

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

#1f4459
```
#1f4459 rgb(31,68,89)
```
#1f3f59
```
#1f3f59 rgb(31,63,89)
```
#1f3a59
```
#1f3a59 rgb(31,58,89)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#1f3059
```
#1f3059 rgb(31,48,89)
```
#1f2b59
```
#1f2b59 rgb(31,43,89)
```
#1f2759
```
#1f2759 rgb(31,39,89)
```

Similar Colors

Text with hexadecimal color #1f3559

This text has a font color of #1f3559.

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

#1f3559 background color

This paragraph has a background color of #1f3559.

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

#1f3559 border color

This element has a border color of #1f3559.

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

CSS codes

.text {color:#1f3559;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b121f
```
#0b121f rgb(11,18,31)
```
#101b2d
```
#101b2d rgb(16,27,45)
```
#15243c
```
#15243c rgb(21,36,60)
```
#1a2c4a
```
#1a2c4a rgb(26,44,74)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#243e68
```
#243e68 rgb(36,62,104)
```
#294676
```
#294676 rgb(41,70,118)
```
#2e4f85
```
#2e4f85 rgb(46,79,133)
```
#335893
```
#335893 rgb(51,88,147)
```
#3860a2
```
#3860a2 rgb(56,96,162)
```
#3d69b0
```
#3d69b0 rgb(61,105,176)
```

Shade Color Variation

#4472be
```
#4472be rgb(68,114,190)
```
#527dc3
```
#527dc3 rgb(82,125,195)
```
#6188c8
```
#6188c8 rgb(97,136,200)
```
#6f93cd
```
#6f93cd rgb(111,147,205)
```
#7e9ed2
```
#7e9ed2 rgb(126,158,210)
```
#8ca9d7
```
#8ca9d7 rgb(140,169,215)
```
#9bb4dc
```
#9bb4dc rgb(155,180,220)
```
#a9bfe1
```
#a9bfe1 rgb(169,191,225)
```
#b8cae6
```
#b8cae6 rgb(184,202,230)
```
#c7d4eb
```
#c7d4eb rgb(199,212,235)
```
#d5dff0
```
#d5dff0 rgb(213,223,240)
```
#e4eaf5
```
#e4eaf5 rgb(228,234,245)
```
#f2f5fb
```
#f2f5fb rgb(242,245,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 #032e75 is the most saturated one.

#3b3c3d
```
#3b3c3d rgb(59,60,61)
```
#363b42
```
#363b42 rgb(54,59,66)
```
#313947
```
#313947 rgb(49,57,71)
```
#2d384b
```
#2d384b rgb(45,56,75)
```
#283750
```
#283750 rgb(40,55,80)
```
#243654
```
#243654 rgb(36,54,84)
```
#1f3559
```
#1f3559 rgb(31,53,89)
```
#1a345e
```
#1a345e rgb(26,52,94)
```
#163362
```
#163362 rgb(22,51,98)
```
#113267
```
#113267 rgb(17,50,103)
```
#0d316b
```
#0d316b rgb(13,49,107)
```
#082f70
```
#082f70 rgb(8,47,112)
```
#032e75
```
#032e75 rgb(3,46,117)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#313e60 Protanopia 1% of men
#293f61 Deuteranopia 1% of men
#1c4449 Tritanopia 0.001% of the population

Trichromacy

#2a3a5d Protanomaly 1% of men, 0.01% of women
#253b5e Deuteranomaly 6% of men, 0.4% of women
#1d3f4f Tritanomaly 0.01% of the population

#1f3559 hex color

#1f3559 Color Information

#1f3559 Color Conversion

Color Schemes with #1f3559

Alternatives to #1f3559

#1f3559 Preview

Shades and Tints of #1f3559

Tones of #1f3559

Color Blindness Simulator