#1f486f hex color

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

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

● #1f486f color description : Very dark blue.

The hexadecimal color #1f486f has RGB values of R:31, G:72, B:111 and CMYK values of C:0.72, M:0.35, Y:0, K:0.56. Its decimal value is 2050159.

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

CIE-LAB	29.597, -0.244, -26.721
XYZ	5.751, 6.073, 15.907
xyY	0.207, 0.219, 6.073
CIE-LCH	29.597, 26.722, 269.476
CIE-LUV	29.597, -14.899, -34.727
Hunter-Lab	24.644, -1.472, -21.02
Binary	00011111, 01001000, 01101111

#1f486f
```
#1f486f rgb(31,72,111)
```
#6f461f
```
#6f461f rgb(111,70,31)
```

Complementary Color

#1f6f6e
```
#1f6f6e rgb(31,111,110)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#1f206f
```
#1f206f rgb(31,32,111)
```

Analogous Color

#6f6e1f
```
#6f6e1f rgb(111,110,31)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#6f1f20
```
#6f1f20 rgb(111,31,32)
```

Split Complementary Color

#486f1f
```
#486f1f rgb(72,111,31)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#6f1f48
```
#6f1f48 rgb(111,31,72)
```

Triadic Color

#1f6f46
```
#1f6f46 rgb(31,111,70)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#6f1f48
```
#6f1f48 rgb(111,31,72)
```
#6f461f
```
#6f461f rgb(111,70,31)
```

Tetradic Color

#0e2133
```
#0e2133 rgb(14,33,51)
```
#142e47
```
#142e47 rgb(20,46,71)
```
#193b5b
```
#193b5b rgb(25,59,91)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#255583
```
#255583 rgb(37,85,131)
```
#2a6297
```
#2a6297 rgb(42,98,151)
```
#306fab
```
#306fab rgb(48,111,171)
```

Monochromatic Color

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

#1f5c6f
```
#1f5c6f rgb(31,92,111)
```
#1f556f
```
#1f556f rgb(31,85,111)
```
#1f4f6f
```
#1f4f6f rgb(31,79,111)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#1f416f
```
#1f416f rgb(31,65,111)
```
#1f3b6f
```
#1f3b6f rgb(31,59,111)
```
#1f346f
```
#1f346f rgb(31,52,111)
```

Similar Colors

Text with hexadecimal color #1f486f

This text has a font color of #1f486f.

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

#1f486f background color

This paragraph has a background color of #1f486f.

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

#1f486f border color

This element has a border color of #1f486f.

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

CSS codes

.text {color:#1f486f;}

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

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

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)
```
#163450
```
#163450 rgb(22,52,80)
```
#1b3e60
```
#1b3e60 rgb(27,62,96)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#23527e
```
#23527e rgb(35,82,126)
```
#285c8e
```
#285c8e rgb(40,92,142)
```
#2c669d
```
#2c669d rgb(44,102,157)
```
#3070ac
```
#3070ac rgb(48,112,172)
```
#347abc
```
#347abc rgb(52,122,188)
```

Shade Color Variation

#3b84c8
```
#3b84c8 rgb(59,132,200)
```
#4b8dcd
```
#4b8dcd rgb(75,141,205)
```
#5a97d1
```
#5a97d1 rgb(90,151,209)
```
#69a1d5
```
#69a1d5 rgb(105,161,213)
```
#79aad9
```
#79aad9 rgb(121,170,217)
```
#88b4de
```
#88b4de rgb(136,180,222)
```
#97bee2
```
#97bee2 rgb(151,190,226)
```
#a7c7e6
```
#a7c7e6 rgb(167,199,230)
```
#b6d1eb
```
#b6d1eb rgb(182,209,235)
```
#c5dbef
```
#c5dbef rgb(197,219,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 #04498a 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)
```
#2f485f
```
#2f485f rgb(47,72,95)
```
#2a4864
```
#2a4864 rgb(42,72,100)
```
#24486a
```
#24486a rgb(36,72,106)
```
#1f486f
```
#1f486f rgb(31,72,111)
```
#1a4874
```
#1a4874 rgb(26,72,116)
```
#14487a
```
#14487a rgb(20,72,122)
```
#0f487f
```
#0f487f rgb(15,72,127)
```
#094985
```
#094985 rgb(9,73,133)
```
#04498a
```
#04498a rgb(4,73,138)
```

Tone Color Variation

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

Dichromacy

#414e73 Protanopia 1% of men
#374f77 Deuteranopia 1% of men
#10565d Tritanopia 0.001% of the population

Trichromacy

#344b72 Protanomaly 1% of men, 0.01% of women
#2e4c74 Deuteranomaly 6% of men, 0.4% of women
#165163 Tritanomaly 0.01% of the population

#1f486f hex color

#1f486f Color Information

#1f486f Color Conversion

Color Schemes with #1f486f

Alternatives to #1f486f

#1f486f Preview

Shades and Tints of #1f486f

Tones of #1f486f

Color Blindness Simulator