#1f5672 hex color

In a RGB color space, hex #1f5672 is composed of 12.2% red, 33.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 24.6% magenta, 0% yellow and 55.3% black. It has a hue angle of 200.2 degrees, a saturation of 57.2% and a lightness of 28.4%. #1f5672 color hex could be obtained by blending #3eace4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 34
- B 45
RGB color chart
- C 73
- M 25
- Y 0
- K 55
CMYK color chart

● #1f5672 color description : Very dark blue.

The hexadecimal color #1f5672 has RGB values of R:31, G:86, B:114 and CMYK values of C:0.73, M:0.25, Y:0, K:0.55. Its decimal value is 2053746.

Hex triplet	1f5672	`#1f5672`
RGB Decimal	31, 86, 114	`rgb(31,86,114)`
RGB Percent	12.2, 33.7, 44.7	`rgb(12.2%,33.7%,44.7%)`
CMYK	73, 25, 0, 55
HSL	200.2°, 57.2, 28.4	`hsl(200.2,57.2%,28.4%)`
HSV (or HSB)	200.2°, 72.8, 44.7
Web Safe	336666	`#336666`

CIE-LAB	34.316, -8.005, -21.213
XYZ	6.929, 8.161, 17.129
xyY	0.215, 0.253, 8.161
CIE-LCH	34.316, 22.673, 249.325
CIE-LUV	34.316, -19.843, -27.629
Hunter-Lab	28.568, -6.697, -15.552
Binary	00011111, 01010110, 01110010

#1f5672
```
#1f5672 rgb(31,86,114)
```
#723b1f
```
#723b1f rgb(114,59,31)
```

Complementary Color

#1f7265
```
#1f7265 rgb(31,114,101)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#1f2d72
```
#1f2d72 rgb(31,45,114)
```

Analogous Color

#72651f
```
#72651f rgb(114,101,31)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#721f2d
```
#721f2d rgb(114,31,45)
```

Split Complementary Color

#56721f
```
#56721f rgb(86,114,31)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#721f56
```
#721f56 rgb(114,31,86)
```

Triadic Color

#1f723b
```
#1f723b rgb(31,114,59)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#721f56
```
#721f56 rgb(114,31,86)
```
#723b1f
```
#723b1f rgb(114,59,31)
```

Tetradic Color

#0f2936
```
#0f2936 rgb(15,41,54)
```
#14384a
```
#14384a rgb(20,56,74)
```
#1a475e
```
#1a475e rgb(26,71,94)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#246586
```
#246586 rgb(36,101,134)
```
#2a749a
```
#2a749a rgb(42,116,154)
```
#2f83ae
```
#2f83ae rgb(47,131,174)
```

Monochromatic Color

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

#1f6b72
```
#1f6b72 rgb(31,107,114)
```
#1f6472
```
#1f6472 rgb(31,100,114)
```
#1f5d72
```
#1f5d72 rgb(31,93,114)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#1f4f72
```
#1f4f72 rgb(31,79,114)
```
#1f4872
```
#1f4872 rgb(31,72,114)
```
#1f4172
```
#1f4172 rgb(31,65,114)
```

Similar Colors

Text with hexadecimal color #1f5672

This text has a font color of #1f5672.

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

#1f5672 background color

This paragraph has a background color of #1f5672.

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

#1f5672 border color

This element has a border color of #1f5672.

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

CSS codes

.text {color:#1f5672;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061015
```
#061015 rgb(6,16,21)
```
#0a1c25
```
#0a1c25 rgb(10,28,37)
```
#0e2734
```
#0e2734 rgb(14,39,52)
```
#123344
```
#123344 rgb(18,51,68)
```
#173f53
```
#173f53 rgb(23,63,83)
```
#1b4a63
```
#1b4a63 rgb(27,74,99)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#236281
```
#236281 rgb(35,98,129)
```
#276d91
```
#276d91 rgb(39,109,145)
```
#2c79a0
```
#2c79a0 rgb(44,121,160)
```
#3085b0
```
#3085b0 rgb(48,133,176)
```
#3490bf
```
#3490bf rgb(52,144,191)
```

Shade Color Variation

#3d9aca
```
#3d9aca rgb(61,154,202)
```
#4ca2ce
```
#4ca2ce rgb(76,162,206)
```
#5baad3
```
#5baad3 rgb(91,170,211)
```
#6bb2d7
```
#6bb2d7 rgb(107,178,215)
```
#7abadb
```
#7abadb rgb(122,186,219)
```
#8ac2df
```
#8ac2df rgb(138,194,223)
```
#99cae3
```
#99cae3 rgb(153,202,227)
```
#a9d2e7
```
#a9d2e7 rgb(169,210,231)
```
#b8daec
```
#b8daec rgb(184,218,236)
```
#c7e2f0
```
#c7e2f0 rgb(199,226,240)
```
#d7eaf4
```
#d7eaf4 rgb(215,234,244)
```
#e6f2f8
```
#e6f2f8 rgb(230,242,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#46494b
```
#46494b rgb(70,73,75)
```
#404b51
```
#404b51 rgb(64,75,81)
```
#3b4d56
```
#3b4d56 rgb(59,77,86)
```
#354f5c
```
#354f5c rgb(53,79,92)
```
#305161
```
#305161 rgb(48,81,97)
```
#2a5267
```
#2a5267 rgb(42,82,103)
```
#25546c
```
#25546c rgb(37,84,108)
```
#1f5672
```
#1f5672 rgb(31,86,114)
```
#195878
```
#195878 rgb(25,88,120)
```
#145a7d
```
#145a7d rgb(20,90,125)
```
#0e5b83
```
#0e5b83 rgb(14,91,131)
```
#095d88
```
#095d88 rgb(9,93,136)
```
#035f8e
```
#035f8e rgb(3,95,142)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515875 Protanopia 1% of men
#4c597b Deuteranopia 1% of men
#1c6169 Tritanopia 0.001% of the population

Trichromacy

#3e5774 Protanomaly 1% of men, 0.01% of women
#3b5778 Deuteranomaly 6% of men, 0.4% of women
#1d5d6c Tritanomaly 0.01% of the population

#1f5672 hex color

#1f5672 Color Information

#1f5672 Color Conversion

Color Schemes with #1f5672

Alternatives to #1f5672

#1f5672 Preview

Shades and Tints of #1f5672

Tones of #1f5672

Color Blindness Simulator