#1f5478 hex color

In a RGB color space, hex #1f5478 is composed of 12.2% red, 32.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 30% magenta, 0% yellow and 52.9% black. It has a hue angle of 204.3 degrees, a saturation of 58.9% and a lightness of 29.6%. #1f5478 color hex could be obtained by blending #3ea8f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 47
RGB color chart
- C 74
- M 30
- Y 0
- K 53
CMYK color chart

● #1f5478 color description : Dark blue.

The hexadecimal color #1f5478 has RGB values of R:31, G:84, B:120 and CMYK values of C:0.74, M:0.3, Y:0, K:0.53. Its decimal value is 2053240.

Hex triplet	1f5478	`#1f5478`
RGB Decimal	31, 84, 120	`rgb(31,84,120)`
RGB Percent	12.2, 32.9, 47.1	`rgb(12.2%,32.9%,47.1%)`
CMYK	74, 30, 0, 53
HSL	204.3°, 58.9, 29.6	`hsl(204.3,58.9%,29.6%)`
HSV (or HSB)	204.3°, 74.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	33.957, -4.51, -25.501
XYZ	7.125, 7.987, 18.935
xyY	0.209, 0.235, 7.987
CIE-LCH	33.957, 25.897, 259.971
CIE-LUV	33.957, -18.865, -34.032
Hunter-Lab	28.262, -4.46, -19.939
Binary	00011111, 01010100, 01111000

#1f5478
```
#1f5478 rgb(31,84,120)
```
#78431f
```
#78431f rgb(120,67,31)
```

Complementary Color

#1f7870
```
#1f7870 rgb(31,120,112)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#1f2778
```
#1f2778 rgb(31,39,120)
```

Analogous Color

#78701f
```
#78701f rgb(120,112,31)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#781f28
```
#781f28 rgb(120,31,40)
```

Split Complementary Color

#54781f
```
#54781f rgb(84,120,31)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#781f54
```
#781f54 rgb(120,31,84)
```

Triadic Color

#1f7843
```
#1f7843 rgb(31,120,67)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#781f54
```
#781f54 rgb(120,31,84)
```
#78431f
```
#78431f rgb(120,67,31)
```

Tetradic Color

#0f293b
```
#0f293b rgb(15,41,59)
```
#15384f
```
#15384f rgb(21,56,79)
```
#1a4664
```
#1a4664 rgb(26,70,100)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#24628c
```
#24628c rgb(36,98,140)
```
#2970a1
```
#2970a1 rgb(41,112,161)
```
#2f7fb5
```
#2f7fb5 rgb(47,127,181)
```

Monochromatic Color

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

#1f6a78
```
#1f6a78 rgb(31,106,120)
```
#1f6378
```
#1f6378 rgb(31,99,120)
```
#1f5b78
```
#1f5b78 rgb(31,91,120)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#1f4d78
```
#1f4d78 rgb(31,77,120)
```
#1f4578
```
#1f4578 rgb(31,69,120)
```
#1f3e78
```
#1f3e78 rgb(31,62,120)
```

Similar Colors

Text with hexadecimal color #1f5478

This text has a font color of #1f5478.

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

#1f5478 background color

This paragraph has a background color of #1f5478.

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

#1f5478 border color

This element has a border color of #1f5478.

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

CSS codes

.text {color:#1f5478;}

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

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

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, #03080b is the darkest color, while #fafcfe is the lightest one.

#03080b
```
#03080b rgb(3,8,11)
```
#07131a
```
#07131a rgb(7,19,26)
```
#0b1d2a
```
#0b1d2a rgb(11,29,42)
```
#0f283a
```
#0f283a rgb(15,40,58)
```
#133349
```
#133349 rgb(19,51,73)
```
#173e59
```
#173e59 rgb(23,62,89)
```
#1b4968
```
#1b4968 rgb(27,73,104)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#235f88
```
#235f88 rgb(35,95,136)
```
#276a97
```
#276a97 rgb(39,106,151)
```
#2b75a7
```
#2b75a7 rgb(43,117,167)
```
#2f80b6
```
#2f80b6 rgb(47,128,182)
```
#338bc6
```
#338bc6 rgb(51,139,198)
```

Shade Color Variation

#3f94cd
```
#3f94cd rgb(63,148,205)
```
#4f9dd1
```
#4f9dd1 rgb(79,157,209)
```
#5ea5d6
```
#5ea5d6 rgb(94,165,214)
```
#6eaeda
```
#6eaeda rgb(110,174,218)
```
#7eb7de
```
#7eb7de rgb(126,183,222)
```
#8dbfe2
```
#8dbfe2 rgb(141,191,226)
```
#9dc8e6
```
#9dc8e6 rgb(157,200,230)
```
#acd1ea
```
#acd1ea rgb(172,209,234)
```
#bcdaee
```
#bcdaee rgb(188,218,238)
```
#cce2f2
```
#cce2f2 rgb(204,226,242)
```
#dbebf6
```
#dbebf6 rgb(219,235,246)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484c4f is the less saturated color, while #025a95 is the most saturated one.

#484c4f
```
#484c4f rgb(72,76,79)
```
#424d55
```
#424d55 rgb(66,77,85)
```
#3c4e5b
```
#3c4e5b rgb(60,78,91)
```
#365061
```
#365061 rgb(54,80,97)
```
#305167
```
#305167 rgb(48,81,103)
```
#2b526c
```
#2b526c rgb(43,82,108)
```
#255372
```
#255372 rgb(37,83,114)
```
#1f5478
```
#1f5478 rgb(31,84,120)
```
#19557e
```
#19557e rgb(25,85,126)
```
#135684
```
#135684 rgb(19,86,132)
```
#0e5789
```
#0e5789 rgb(14,87,137)
```
#08588f
```
#08588f rgb(8,88,143)
```
#025a95
```
#025a95 rgb(2,90,149)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c577b Protanopia 1% of men
#455880 Deuteranopia 1% of men
#106168 Tritanopia 0.001% of the population

Trichromacy

#3c567a Protanomaly 1% of men, 0.01% of women
#37567d Deuteranomaly 6% of men, 0.4% of women
#155c6e Tritanomaly 0.01% of the population

#1f5478 hex color

#1f5478 Color Information

#1f5478 Color Conversion

Color Schemes with #1f5478

Alternatives to #1f5478

#1f5478 Preview

Shades and Tints of #1f5478

Tones of #1f5478

Color Blindness Simulator