#1f487e hex color

In a RGB color space, hex #1f487e is composed of 12.2% red, 28.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 42.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 214.1 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f487e color hex could be obtained by blending #3e90fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 49
RGB color chart
- C 75
- M 43
- Y 0
- K 51
CMYK color chart

● #1f487e color description : Dark blue.

The hexadecimal color #1f487e has RGB values of R:31, G:72, B:126 and CMYK values of C:0.75, M:0.43, Y:0, K:0.51. Its decimal value is 2050174.

Hex triplet	1f487e	`#1f487e`
RGB Decimal	31, 72, 126	`rgb(31,72,126)`
RGB Percent	12.2, 28.2, 49.4	`rgb(12.2%,28.2%,49.4%)`
CMYK	75, 43, 0, 51
HSL	214.1°, 60.5, 30.8	`hsl(214.1,60.5%,30.8%)`
HSV (or HSB)	214.1°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	30.477, 5.673, -34.736
XYZ	6.647, 6.432, 20.629
xyY	0.197, 0.191, 6.432
CIE-LCH	30.477, 35.196, 279.275
CIE-LUV	30.477, -14.541, -46.566
Hunter-Lab	25.361, 2.405, -30.473
Binary	00011111, 01001000, 01111110

#1f487e
```
#1f487e rgb(31,72,126)
```
#7e551f
```
#7e551f rgb(126,85,31)
```

Complementary Color

#1f787e
```
#1f787e rgb(31,120,126)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#261f7e
```
#261f7e rgb(38,31,126)
```

Analogous Color

#787e1f
```
#787e1f rgb(120,126,31)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#7e261f
```
#7e261f rgb(126,38,31)
```

Split Complementary Color

#487e1f
```
#487e1f rgb(72,126,31)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#7e1f48
```
#7e1f48 rgb(126,31,72)
```

Triadic Color

#1f7e55
```
#1f7e55 rgb(31,126,85)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#7e1f48
```
#7e1f48 rgb(126,31,72)
```
#7e551f
```
#7e551f rgb(126,85,31)
```

Tetradic Color

#102541
```
#102541 rgb(16,37,65)
```
#153155
```
#153155 rgb(21,49,85)
```
#1a3c6a
```
#1a3c6a rgb(26,60,106)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#245492
```
#245492 rgb(36,84,146)
```
#295fa7
```
#295fa7 rgb(41,95,167)
```
#2e6bbb
```
#2e6bbb rgb(46,107,187)
```

Monochromatic Color

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

#1f607e
```
#1f607e rgb(31,96,126)
```
#1f587e
```
#1f587e rgb(31,88,126)
```
#1f507e
```
#1f507e rgb(31,80,126)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#1f407e
```
#1f407e rgb(31,64,126)
```
#1f387e
```
#1f387e rgb(31,56,126)
```
#1f307e
```
#1f307e rgb(31,48,126)
```

Similar Colors

Text with hexadecimal color #1f487e

This text has a font color of #1f487e.

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

#1f487e background color

This paragraph has a background color of #1f487e.

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

#1f487e border color

This element has a border color of #1f487e.

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

CSS codes

.text {color:#1f487e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#081220
```
#081220 rgb(8,18,32)
```
#0c1b2f
```
#0c1b2f rgb(12,27,47)
```
#10243f
```
#10243f rgb(16,36,63)
```
#132d4f
```
#132d4f rgb(19,45,79)
```
#17365f
```
#17365f rgb(23,54,95)
```
#1b3f6e
```
#1b3f6e rgb(27,63,110)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#23518e
```
#23518e rgb(35,81,142)
```
#275a9d
```
#275a9d rgb(39,90,157)
```
#2b63ad
```
#2b63ad rgb(43,99,173)
```
#2e6cbd
```
#2e6cbd rgb(46,108,189)
```

Shade Color Variation

#3275cd
```
#3275cd rgb(50,117,205)
```
#4280d1
```
#4280d1 rgb(66,128,209)
```
#528ad4
```
#528ad4 rgb(82,138,212)
```
#6295d8
```
#6295d8 rgb(98,149,216)
```
#719fdc
```
#719fdc rgb(113,159,220)
```
#81aae0
```
#81aae0 rgb(129,170,224)
```
#91b5e4
```
#91b5e4 rgb(145,181,228)
```
#a1bfe8
```
#a1bfe8 rgb(161,191,232)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#c0d5f0
```
#c0d5f0 rgb(192,213,240)
```
#d0dff3
```
#d0dff3 rgb(208,223,243)
```
#e0eaf7
```
#e0eaf7 rgb(224,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```

Tint Color Variation

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

#494e54
```
#494e54 rgb(73,78,84)
```
#434d5a
```
#434d5a rgb(67,77,90)
```
#3d4c60
```
#3d4c60 rgb(61,76,96)
```
#374b66
```
#374b66 rgb(55,75,102)
```
#314a6c
```
#314a6c rgb(49,74,108)
```
#2b4a72
```
#2b4a72 rgb(43,74,114)
```
#254978
```
#254978 rgb(37,73,120)
```
#1f487e
```
#1f487e rgb(31,72,126)
```
#194784
```
#194784 rgb(25,71,132)
```
#13468a
```
#13468a rgb(19,70,138)
```
#0d4690
```
#0d4690 rgb(13,70,144)
```
#074596
```
#074596 rgb(7,69,150)
```
#01449c
```
#01449c rgb(1,68,156)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b434e Atypical Achromatopsia 0.001% of the population

Dichromacy

#394f83 Protanopia 1% of men
#255284 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#2f4c81 Protanomaly 1% of men, 0.01% of women
#234e82 Deuteranomaly 6% of men, 0.4% of women
#0b526a Tritanomaly 0.01% of the population

#1f487e hex color

#1f487e Color Information

#1f487e Color Conversion

Color Schemes with #1f487e

Alternatives to #1f487e

#1f487e Preview

Shades and Tints of #1f487e

Tones of #1f487e

Color Blindness Simulator