#1f354c hex color

In a RGB color space, hex #1f354c is composed of 12.2% red, 20.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 30.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 210.7 degrees, a saturation of 42.1% and a lightness of 21%. #1f354c color hex could be obtained by blending #3e6a98 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 21
- B 30
RGB color chart
- C 59
- M 30
- Y 0
- K 70
CMYK color chart

● #1f354c color description : Very dark desaturated blue.

The hexadecimal color #1f354c has RGB values of R:31, G:53, B:76 and CMYK values of C:0.59, M:0.3, Y:0, K:0.7. Its decimal value is 2045260.

Hex triplet	1f354c	`#1f354c`
RGB Decimal	31, 53, 76	`rgb(31,53,76)`
RGB Percent	12.2, 20.8, 29.8	`rgb(12.2%,20.8%,29.8%)`
CMYK	59, 30, 0, 70
HSL	210.7°, 42.1, 21	`hsl(210.7,42.1%,21%)`
HSV (or HSB)	210.7°, 59.2, 29.8
Web Safe	333333	`#333333`

CIE-LAB	21.428, -0.853, -16.791
XYZ	3.142, 3.359, 7.32
xyY	0.227, 0.243, 3.359
CIE-LCH	21.428, 16.813, 267.092
CIE-LUV	21.428, -8.728, -18.901
Hunter-Lab	18.328, -1.47, -10.85
Binary	00011111, 00110101, 01001100

#1f354c
```
#1f354c rgb(31,53,76)
```
#4c361f
```
#4c361f rgb(76,54,31)
```

Complementary Color

#1f4c4c
```
#1f4c4c rgb(31,76,76)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#201f4c
```
#201f4c rgb(32,31,76)
```

Analogous Color

#4c4c1f
```
#4c4c1f rgb(76,76,31)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#4c201f
```
#4c201f rgb(76,32,31)
```

Split Complementary Color

#354c1f
```
#354c1f rgb(53,76,31)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#4c1f35
```
#4c1f35 rgb(76,31,53)
```

Triadic Color

#1f4c36
```
#1f4c36 rgb(31,76,54)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#4c1f35
```
#4c1f35 rgb(76,31,53)
```
#4c361f
```
#4c361f rgb(76,54,31)
```

Tetradic Color

#090f16
```
#090f16 rgb(9,15,22)
```
#101c28
```
#101c28 rgb(16,28,40)
```
#18283a
```
#18283a rgb(24,40,58)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#26425e
```
#26425e rgb(38,66,94)
```
#2e4e70
```
#2e4e70 rgb(46,78,112)
```
#355b82
```
#355b82 rgb(53,91,130)
```

Monochromatic Color

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

#1f404c
```
#1f404c rgb(31,64,76)
```
#1f3d4c
```
#1f3d4c rgb(31,61,76)
```
#1f394c
```
#1f394c rgb(31,57,76)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#1f314c
```
#1f314c rgb(31,49,76)
```
#1f2e4c
```
#1f2e4c rgb(31,46,76)
```
#1f2a4c
```
#1f2a4c rgb(31,42,76)
```

Similar Colors

Text with hexadecimal color #1f354c

This text has a font color of #1f354c.

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

#1f354c background color

This paragraph has a background color of #1f354c.

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

#1f354c border color

This element has a border color of #1f354c.

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

CSS codes

.text {color:#1f354c;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```
#142230
```
#142230 rgb(20,34,48)
```
#192b3e
```
#192b3e rgb(25,43,62)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#305276
```
#305276 rgb(48,82,118)
```
#365c84
```
#365c84 rgb(54,92,132)
```
#3b6692
```
#3b6692 rgb(59,102,146)
```
#416fa0
```
#416fa0 rgb(65,111,160)
```
#4779ae
```
#4779ae rgb(71,121,174)
```

Shade Color Variation

#5083b8
```
#5083b8 rgb(80,131,184)
```
#5e8dbd
```
#5e8dbd rgb(94,141,189)
```
#6c97c3
```
#6c97c3 rgb(108,151,195)
```
#7aa1c9
```
#7aa1c9 rgb(122,161,201)
```
#88aace
```
#88aace rgb(136,170,206)
```
#96b4d4
```
#96b4d4 rgb(150,180,212)
```
#a4beda
```
#a4beda rgb(164,190,218)
```
#b2c8df
```
#b2c8df rgb(178,200,223)
```
#c0d2e5
```
#c0d2e5 rgb(192,210,229)
```
#cedceb
```
#cedceb rgb(206,220,235)
```
#dce6f1
```
#dce6f1 rgb(220,230,241)
```
#e9f0f6
```
#e9f0f6 rgb(233,240,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#343537
```
#343537 rgb(52,53,55)
```
#2f353c
```
#2f353c rgb(47,53,60)
```
#2b3540
```
#2b3540 rgb(43,53,64)
```
#273544
```
#273544 rgb(39,53,68)
```
#233548
```
#233548 rgb(35,53,72)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#1b3550
```
#1b3550 rgb(27,53,80)
```
#173554
```
#173554 rgb(23,53,84)
```
#133558
```
#133558 rgb(19,53,88)
```
#0f355c
```
#0f355c rgb(15,53,92)
```
#0a3561
```
#0a3561 rgb(10,53,97)
```
#063465
```
#063465 rgb(6,52,101)
```
#023469
```
#023469 rgb(2,52,105)
```

Tone Color Variation

Below, you can see how #1f354c 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
#2d3236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363d53 Protanopia 1% of men
#333d56 Deuteranopia 1% of men
#244247 Tritanopia 0.001% of the population

Trichromacy

#2e3a50 Protanomaly 1% of men, 0.01% of women
#2c3a52 Deuteranomaly 6% of men, 0.4% of women
#223d48 Tritanomaly 0.01% of the population

#1f354c hex color

#1f354c Color Information

#1f354c Color Conversion

Color Schemes with #1f354c

Alternatives to #1f354c

#1f354c Preview

Shades and Tints of #1f354c

Tones of #1f354c

Color Blindness Simulator