#1f476f hex color

In a RGB color space, hex #1f476f is composed of 12.2% red, 27.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 36% magenta, 0% yellow and 56.5% black. It has a hue angle of 210 degrees, a saturation of 56.3% and a lightness of 27.8%. #1f476f color hex could be obtained by blending #3e8ede with #000000. Closest websafe color is: #333366.

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

● #1f476f color description : Very dark blue.

The hexadecimal color #1f476f has RGB values of R:31, G:71, B:111 and CMYK values of C:0.72, M:0.36, Y:0, K:0.56. Its decimal value is 2049903.

Hex triplet	1f476f	`#1f476f`
RGB Decimal	31, 71, 111	`rgb(31,71,111)`
RGB Percent	12.2, 27.8, 43.5	`rgb(12.2%,27.8%,43.5%)`
CMYK	72, 36, 0, 56
HSL	210°, 56.3, 27.8	`hsl(210,56.3%,27.8%)`
HSV (or HSB)	210°, 72.1, 43.5
Web Safe	333366	`#333366`

CIE-LAB	29.273, 0.417, -27.231
XYZ	5.687, 5.945, 15.886
xyY	0.207, 0.216, 5.945
CIE-LCH	29.273, 27.234, 270.877
CIE-LUV	29.273, -14.549, -35.358
Hunter-Lab	24.383, -1.037, -21.561
Binary	00011111, 01000111, 01101111

#1f476f
```
#1f476f rgb(31,71,111)
```
#6f471f
```
#6f471f rgb(111,71,31)
```

Complementary Color

#1f6f6f
```
#1f6f6f rgb(31,111,111)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#1f1f6f
```
#1f1f6f rgb(31,31,111)
```

Analogous Color

#6f6f1f
```
#6f6f1f rgb(111,111,31)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#6f1f1f
```
#6f1f1f rgb(111,31,31)
```

Split Complementary Color

#476f1f
```
#476f1f rgb(71,111,31)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#6f1f47
```
#6f1f47 rgb(111,31,71)
```

Triadic Color

#1f6f47
```
#1f6f47 rgb(31,111,71)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#6f1f47
```
#6f1f47 rgb(111,31,71)
```
#6f471f
```
#6f471f rgb(111,71,31)
```

Tetradic Color

#0e2133
```
#0e2133 rgb(14,33,51)
```
#142e47
```
#142e47 rgb(20,46,71)
```
#193a5b
```
#193a5b rgb(25,58,91)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#255483
```
#255483 rgb(37,84,131)
```
#2a6197
```
#2a6197 rgb(42,97,151)
```
#306dab
```
#306dab rgb(48,109,171)
```

Monochromatic Color

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

#1f5b6f
```
#1f5b6f rgb(31,91,111)
```
#1f546f
```
#1f546f rgb(31,84,111)
```
#1f4e6f
```
#1f4e6f rgb(31,78,111)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#1f406f
```
#1f406f rgb(31,64,111)
```
#1f3a6f
```
#1f3a6f rgb(31,58,111)
```
#1f336f
```
#1f336f rgb(31,51,111)
```

Similar Colors

Text with hexadecimal color #1f476f

This text has a font color of #1f476f.

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

#1f476f background color

This paragraph has a background color of #1f476f.

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

#1f476f border color

This element has a border color of #1f476f.

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

CSS codes

.text {color:#1f476f;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050c13
```
#050c13 rgb(5,12,19)
```
#0a1622
```
#0a1622 rgb(10,22,34)
```
#0e2032
```
#0e2032 rgb(14,32,50)
```
#122a41
```
#122a41 rgb(18,42,65)
```
#163350
```
#163350 rgb(22,51,80)
```
#1b3d60
```
#1b3d60 rgb(27,61,96)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#23517e
```
#23517e rgb(35,81,126)
```
#285b8e
```
#285b8e rgb(40,91,142)
```
#2c649d
```
#2c649d rgb(44,100,157)
```
#306eac
```
#306eac rgb(48,110,172)
```
#3478bc
```
#3478bc rgb(52,120,188)
```

Shade Color Variation

#3b82c8
```
#3b82c8 rgb(59,130,200)
```
#4b8ccd
```
#4b8ccd rgb(75,140,205)
```
#5a95d1
```
#5a95d1 rgb(90,149,209)
```
#699fd5
```
#699fd5 rgb(105,159,213)
```
#79a9d9
```
#79a9d9 rgb(121,169,217)
```
#88b3de
```
#88b3de rgb(136,179,222)
```
#97bde2
```
#97bde2 rgb(151,189,226)
```
#a7c7e6
```
#a7c7e6 rgb(167,199,230)
```
#b6d0eb
```
#b6d0eb rgb(182,208,235)
```
#c5daef
```
#c5daef rgb(197,218,239)
```
#d5e4f3
```
#d5e4f3 rgb(213,228,243)
```
#e4eef7
```
#e4eef7 rgb(228,238,247)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

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

#454749
```
#454749 rgb(69,71,73)
```
#40474e
```
#40474e rgb(64,71,78)
```
#3a4754
```
#3a4754 rgb(58,71,84)
```
#354759
```
#354759 rgb(53,71,89)
```
#2f475f
```
#2f475f rgb(47,71,95)
```
#2a4764
```
#2a4764 rgb(42,71,100)
```
#24476a
```
#24476a rgb(36,71,106)
```
#1f476f
```
#1f476f rgb(31,71,111)
```
#1a4774
```
#1a4774 rgb(26,71,116)
```
#14477a
```
#14477a rgb(20,71,122)
```
#0f477f
```
#0f477f rgb(15,71,127)
```
#094785
```
#094785 rgb(9,71,133)
```
#04478a
```
#04478a rgb(4,71,138)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#394149 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4d74 Protanopia 1% of men
#364e77 Deuteranopia 1% of men
#0f565c Tritanopia 0.001% of the population

Trichromacy

#334b72 Protanomaly 1% of men, 0.01% of women
#2d4b74 Deuteranomaly 6% of men, 0.4% of women
#145063 Tritanomaly 0.01% of the population

#1f476f hex color

#1f476f Color Information

#1f476f Color Conversion

Color Schemes with #1f476f

Alternatives to #1f476f

#1f476f Preview

Shades and Tints of #1f476f

Tones of #1f476f

Color Blindness Simulator