#1f5370 hex color

In a RGB color space, hex #1f5370 is composed of 12.2% red, 32.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 25.9% magenta, 0% yellow and 56.1% black. It has a hue angle of 201.5 degrees, a saturation of 56.6% and a lightness of 28%. #1f5370 color hex could be obtained by blending #3ea6e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 44
RGB color chart
- C 72
- M 26
- Y 0
- K 56
CMYK color chart

● #1f5370 color description : Very dark blue.

The hexadecimal color #1f5370 has RGB values of R:31, G:83, B:112 and CMYK values of C:0.72, M:0.26, Y:0, K:0.56. Its decimal value is 2052976.

Hex triplet	1f5370	`#1f5370`
RGB Decimal	31, 83, 112	`rgb(31,83,112)`
RGB Percent	12.2, 32.5, 43.9	`rgb(12.2%,32.5%,43.9%)`
CMYK	72, 26, 0, 56
HSL	201.5°, 56.6, 28	`hsl(201.5,56.6%,28%)`
HSV (or HSB)	201.5°, 72.3, 43.9
Web Safe	336666	`#336666`

CIE-LAB	33.237, -6.9, -21.645
XYZ	6.582, 7.647, 16.457
xyY	0.214, 0.249, 7.647
CIE-LCH	33.237, 22.718, 252.318
CIE-LUV	33.237, -18.823, -28.11
Hunter-Lab	27.653, -5.906, -15.928
Binary	00011111, 01010011, 01110000

#1f5370
```
#1f5370 rgb(31,83,112)
```
#703c1f
```
#703c1f rgb(112,60,31)
```

Complementary Color

#1f7065
```
#1f7065 rgb(31,112,101)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#1f2b70
```
#1f2b70 rgb(31,43,112)
```

Analogous Color

#70651f
```
#70651f rgb(112,101,31)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#701f2b
```
#701f2b rgb(112,31,43)
```

Split Complementary Color

#53701f
```
#53701f rgb(83,112,31)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#701f53
```
#701f53 rgb(112,31,83)
```

Triadic Color

#1f703c
```
#1f703c rgb(31,112,60)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#701f53
```
#701f53 rgb(112,31,83)
```
#703c1f
```
#703c1f rgb(112,60,31)
```

Tetradic Color

#0e2734
```
#0e2734 rgb(14,39,52)
```
#143548
```
#143548 rgb(20,53,72)
```
#19445c
```
#19445c rgb(25,68,92)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#256284
```
#256284 rgb(37,98,132)
```
#2a7198
```
#2a7198 rgb(42,113,152)
```
#307fac
```
#307fac rgb(48,127,172)
```

Monochromatic Color

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

#1f6770
```
#1f6770 rgb(31,103,112)
```
#1f6170
```
#1f6170 rgb(31,97,112)
```
#1f5a70
```
#1f5a70 rgb(31,90,112)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#1f4c70
```
#1f4c70 rgb(31,76,112)
```
#1f4670
```
#1f4670 rgb(31,70,112)
```
#1f3f70
```
#1f3f70 rgb(31,63,112)
```

Similar Colors

Text with hexadecimal color #1f5370

This text has a font color of #1f5370.

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

#1f5370 background color

This paragraph has a background color of #1f5370.

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

#1f5370 border color

This element has a border color of #1f5370.

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

CSS codes

.text {color:#1f5370;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050f14
```
#050f14 rgb(5,15,20)
```
#0a1a23
```
#0a1a23 rgb(10,26,35)
```
#0e2533
```
#0e2533 rgb(14,37,51)
```
#123142
```
#123142 rgb(18,49,66)
```
#163c51
```
#163c51 rgb(22,60,81)
```
#1b4861
```
#1b4861 rgb(27,72,97)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#235e7f
```
#235e7f rgb(35,94,127)
```
#286a8f
```
#286a8f rgb(40,106,143)
```
#2c759e
```
#2c759e rgb(44,117,158)
```
#3081ad
```
#3081ad rgb(48,129,173)
```
#348cbd
```
#348cbd rgb(52,140,189)
```

Shade Color Variation

#3c96c9
```
#3c96c9 rgb(60,150,201)
```
#4b9fcd
```
#4b9fcd rgb(75,159,205)
```
#5aa7d1
```
#5aa7d1 rgb(90,167,209)
```
#6aafd6
```
#6aafd6 rgb(106,175,214)
```
#79b7da
```
#79b7da rgb(121,183,218)
```
#89c0de
```
#89c0de rgb(137,192,222)
```
#98c8e2
```
#98c8e2 rgb(152,200,226)
```
#a7d0e7
```
#a7d0e7 rgb(167,208,231)
```
#b7d8eb
```
#b7d8eb rgb(183,216,235)
```
#c6e0ef
```
#c6e0ef rgb(198,224,239)
```
#d5e9f3
```
#d5e9f3 rgb(213,233,243)
```
#e5f1f8
```
#e5f1f8 rgb(229,241,248)
```
#f4f9fc
```
#f4f9fc rgb(244,249,252)
```

Tint Color Variation

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

#46484a
```
#46484a rgb(70,72,74)
```
#404a4f
```
#404a4f rgb(64,74,79)
```
#3b4b55
```
#3b4b55 rgb(59,75,85)
```
#354d5a
```
#354d5a rgb(53,77,90)
```
#304e60
```
#304e60 rgb(48,78,96)
```
#2a5065
```
#2a5065 rgb(42,80,101)
```
#25516b
```
#25516b rgb(37,81,107)
```
#1f5370
```
#1f5370 rgb(31,83,112)
```
#1a5576
```
#1a5576 rgb(26,85,118)
```
#14567b
```
#14567b rgb(20,86,123)
```
#0f5881
```
#0f5881 rgb(15,88,129)
```
#095986
```
#095986 rgb(9,89,134)
```
#045b8c
```
#045b8c rgb(4,91,140)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f494f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5673 Protanopia 1% of men
#495679 Deuteranopia 1% of men
#1b5f66 Tritanopia 0.001% of the population

Trichromacy

#3d5572 Protanomaly 1% of men, 0.01% of women
#395576 Deuteranomaly 6% of men, 0.4% of women
#1c5a69 Tritanomaly 0.01% of the population

#1f5370 hex color

#1f5370 Color Information

#1f5370 Color Conversion

Color Schemes with #1f5370

Alternatives to #1f5370

#1f5370 Preview

Shades and Tints of #1f5370

Tones of #1f5370

Color Blindness Simulator