#1f487d hex color

In a RGB color space, hex #1f487d is composed of 12.2% red, 28.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 42.4% magenta, 0% yellow and 51% black. It has a hue angle of 213.8 degrees, a saturation of 60.3% and a lightness of 30.6%. #1f487d color hex could be obtained by blending #3e90fa with #000000. Closest websafe color is: #333366.

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

● #1f487d color description : Dark blue.

The hexadecimal color #1f487d has RGB values of R:31, G:72, B:125 and CMYK values of C:0.75, M:0.42, Y:0, K:0.51. Its decimal value is 2050173.

Hex triplet	1f487d	`#1f487d`
RGB Decimal	31, 72, 125	`rgb(31,72,125)`
RGB Percent	12.2, 28.2, 49	`rgb(12.2%,28.2%,49%)`
CMYK	75, 42, 0, 51
HSL	213.8°, 60.3, 30.6	`hsl(213.8,60.3%,30.6%)`
HSV (or HSB)	213.8°, 75.2, 49
Web Safe	333366	`#333366`

CIE-LAB	30.415, 5.274, -34.211
XYZ	6.583, 6.406, 20.29
xyY	0.198, 0.192, 6.406
CIE-LCH	30.415, 34.615, 278.764
CIE-LUV	30.415, -14.562, -45.788
Hunter-Lab	25.31, 2.135, -29.813
Binary	00011111, 01001000, 01111101

#1f487d
```
#1f487d rgb(31,72,125)
```
#7d541f
```
#7d541f rgb(125,84,31)
```

Complementary Color

#1f777d
```
#1f777d rgb(31,119,125)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#251f7d
```
#251f7d rgb(37,31,125)
```

Analogous Color

#777d1f
```
#777d1f rgb(119,125,31)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#7d251f
```
#7d251f rgb(125,37,31)
```

Split Complementary Color

#487d1f
```
#487d1f rgb(72,125,31)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#7d1f48
```
#7d1f48 rgb(125,31,72)
```

Triadic Color

#1f7d54
```
#1f7d54 rgb(31,125,84)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#7d1f48
```
#7d1f48 rgb(125,31,72)
```
#7d541f
```
#7d541f rgb(125,84,31)
```

Tetradic Color

#102540
```
#102540 rgb(16,37,64)
```
#153054
```
#153054 rgb(21,48,84)
```
#1a3c69
```
#1a3c69 rgb(26,60,105)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#245491
```
#245491 rgb(36,84,145)
```
#2960a6
```
#2960a6 rgb(41,96,166)
```
#2e6bba
```
#2e6bba rgb(46,107,186)
```

Monochromatic Color

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

#1f607d
```
#1f607d rgb(31,96,125)
```
#1f587d
```
#1f587d rgb(31,88,125)
```
#1f507d
```
#1f507d rgb(31,80,125)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#1f407d
```
#1f407d rgb(31,64,125)
```
#1f387d
```
#1f387d rgb(31,56,125)
```
#1f317d
```
#1f317d rgb(31,49,125)
```

Similar Colors

Text with hexadecimal color #1f487d

This text has a font color of #1f487d.

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

#1f487d background color

This paragraph has a background color of #1f487d.

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

#1f487d border color

This element has a border color of #1f487d.

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

CSS codes

.text {color:#1f487d;}

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

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

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, #04090f is the darkest color, while #feffff is the lightest one.

#04090f
```
#04090f rgb(4,9,15)
```
#08121f
```
#08121f rgb(8,18,31)
```
#0c1b2e
```
#0c1b2e rgb(12,27,46)
```
#0f243e
```
#0f243e rgb(15,36,62)
```
#132d4e
```
#132d4e rgb(19,45,78)
```
#17365e
```
#17365e rgb(23,54,94)
```
#1b3f6d
```
#1b3f6d rgb(27,63,109)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#23518d
```
#23518d rgb(35,81,141)
```
#275a9c
```
#275a9c rgb(39,90,156)
```
#2b63ac
```
#2b63ac rgb(43,99,172)
```
#2f6cbc
```
#2f6cbc rgb(47,108,188)
```
#3275cc
```
#3275cc rgb(50,117,204)
```

Shade Color Variation

#4280d0
```
#4280d0 rgb(66,128,208)
```
#518ad4
```
#518ad4 rgb(81,138,212)
```
#6195d8
```
#6195d8 rgb(97,149,216)
```
#719fdc
```
#719fdc rgb(113,159,220)
```
#81aae0
```
#81aae0 rgb(129,170,224)
```
#90b5e4
```
#90b5e4 rgb(144,181,228)
```
#a0bfe7
```
#a0bfe7 rgb(160,191,231)
```
#b0caeb
```
#b0caeb rgb(176,202,235)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#cfdff3
```
#cfdff3 rgb(207,223,243)
```
#dfe9f7
```
#dfe9f7 rgb(223,233,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#494d53
```
#494d53 rgb(73,77,83)
```
#434d59
```
#434d59 rgb(67,77,89)
```
#3d4c5f
```
#3d4c5f rgb(61,76,95)
```
#374b65
```
#374b65 rgb(55,75,101)
```
#314a6b
```
#314a6b rgb(49,74,107)
```
#2b4a71
```
#2b4a71 rgb(43,74,113)
```
#254977
```
#254977 rgb(37,73,119)
```
#1f487d
```
#1f487d rgb(31,72,125)
```
#194783
```
#194783 rgb(25,71,131)
```
#134689
```
#134689 rgb(19,70,137)
```
#0d468f
```
#0d468f rgb(13,70,143)
```
#074595
```
#074595 rgb(7,69,149)
```
#01449b
```
#01449b rgb(1,68,155)
```

Tone Color Variation

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

#394f82 Protanopia 1% of men
#275183 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#304c80 Protanomaly 1% of men, 0.01% of women
#244e81 Deuteranomaly 6% of men, 0.4% of women
#0b526a Tritanomaly 0.01% of the population

#1f487d hex color

#1f487d Color Information

#1f487d Color Conversion

Color Schemes with #1f487d

Alternatives to #1f487d

#1f487d Preview

Shades and Tints of #1f487d

Tones of #1f487d

Color Blindness Simulator