#1f5a8c hex color

In a RGB color space, hex #1f5a8c is composed of 12.2% red, 35.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 35.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 207.5 degrees, a saturation of 63.7% and a lightness of 33.5%. #1f5a8c color hex could be obtained by blending #3eb4ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 35
- B 55
RGB color chart
- C 78
- M 36
- Y 0
- K 45
CMYK color chart

● #1f5a8c color description : Dark blue.

The hexadecimal color #1f5a8c has RGB values of R:31, G:90, B:140 and CMYK values of C:0.78, M:0.36, Y:0, K:0.45. Its decimal value is 2054796.

Hex triplet	1f5a8c	`#1f5a8c`
RGB Decimal	31, 90, 140	`rgb(31,90,140)`
RGB Percent	12.2, 35.3, 54.9	`rgb(12.2%,35.3%,54.9%)`
CMYK	78, 36, 0, 45
HSL	207.5°, 63.7, 33.5	`hsl(207.5,63.7%,33.5%)`
HSV (or HSB)	207.5°, 77.9, 54.9
Web Safe	336699	`#336699`

CIE-LAB	36.923, -0.61, -33.104
XYZ	8.954, 9.496, 26.171
xyY	0.201, 0.213, 9.496
CIE-LCH	36.923, 33.11, 268.944
CIE-LUV	36.923, -20.19, -46.366
Hunter-Lab	30.816, -2.065, -28.781
Binary	00011111, 01011010, 10001100

#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#8c511f
```
#8c511f rgb(140,81,31)
```

Complementary Color

#1f8c88
```
#1f8c88 rgb(31,140,136)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#1f248c
```
#1f248c rgb(31,36,140)
```

Analogous Color

#8c881f
```
#8c881f rgb(140,136,31)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#8c1f24
```
#8c1f24 rgb(140,31,36)
```

Split Complementary Color

#5a8c1f
```
#5a8c1f rgb(90,140,31)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#8c1f5a
```
#8c1f5a rgb(140,31,90)
```

Triadic Color

#1f8c51
```
#1f8c51 rgb(31,140,81)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#8c1f5a
```
#8c1f5a rgb(140,31,90)
```
#8c511f
```
#8c511f rgb(140,81,31)
```

Tetradic Color

#11324d
```
#11324d rgb(17,50,77)
```
#163f62
```
#163f62 rgb(22,63,98)
```
#1a4d77
```
#1a4d77 rgb(26,77,119)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#2467a1
```
#2467a1 rgb(36,103,161)
```
#2875b6
```
#2875b6 rgb(40,117,182)
```
#2d82cb
```
#2d82cb rgb(45,130,203)
```

Monochromatic Color

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

#1f758c
```
#1f758c rgb(31,117,140)
```
#1f6c8c
```
#1f6c8c rgb(31,108,140)
```
#1f638c
```
#1f638c rgb(31,99,140)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#1f518c
```
#1f518c rgb(31,81,140)
```
#1f488c
```
#1f488c rgb(31,72,140)
```
#1f3f8c
```
#1f3f8c rgb(31,63,140)
```

Similar Colors

Text with hexadecimal color #1f5a8c

This text has a font color of #1f5a8c.

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

#1f5a8c background color

This paragraph has a background color of #1f5a8c.

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

#1f5a8c border color

This element has a border color of #1f5a8c.

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

CSS codes

.text {color:#1f5a8c;}

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

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

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

#03070c
```
#03070c rgb(3,7,12)
```
#06121c
```
#06121c rgb(6,18,28)
```
#0a1c2c
```
#0a1c2c rgb(10,28,44)
```
#0d263c
```
#0d263c rgb(13,38,60)
```
#11314c
```
#11314c rgb(17,49,76)
```
#143b5c
```
#143b5c rgb(20,59,92)
```
#18456c
```
#18456c rgb(24,69,108)
```
#1b507c
```
#1b507c rgb(27,80,124)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#23649c
```
#23649c rgb(35,100,156)
```
#266fac
```
#266fac rgb(38,111,172)
```
#2a79bc
```
#2a79bc rgb(42,121,188)
```
#2d83cc
```
#2d83cc rgb(45,131,204)
```

Shade Color Variation

#3a8dd3
```
#3a8dd3 rgb(58,141,211)
```
#4a96d7
```
#4a96d7 rgb(74,150,215)
```
#5a9fda
```
#5a9fda rgb(90,159,218)
```
#6aa9de
```
#6aa9de rgb(106,169,222)
```
#7ab2e2
```
#7ab2e2 rgb(122,178,226)
```
#8abbe5
```
#8abbe5 rgb(138,187,229)
```
#9ac5e9
```
#9ac5e9 rgb(154,197,233)
```
#aaceec
```
#aaceec rgb(170,206,236)
```
#bad7f0
```
#bad7f0 rgb(186,215,240)
```
#cae1f3
```
#cae1f3 rgb(202,225,243)
```
#daeaf7
```
#daeaf7 rgb(218,234,247)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#545657
```
#545657 rgb(84,86,87)
```
#4d565e
```
#4d565e rgb(77,86,94)
```
#465765
```
#465765 rgb(70,87,101)
```
#40576b
```
#40576b rgb(64,87,107)
```
#395872
```
#395872 rgb(57,88,114)
```
#335878
```
#335878 rgb(51,88,120)
```
#2c597f
```
#2c597f rgb(44,89,127)
```
#265985
```
#265985 rgb(38,89,133)
```
#1f5a8c
```
#1f5a8c rgb(31,90,140)
```
#185b93
```
#185b93 rgb(24,91,147)
```
#125b99
```
#125b99 rgb(18,91,153)
```
#0b5ca0
```
#0b5ca0 rgb(11,92,160)
```
#055ca6
```
#055ca6 rgb(5,92,166)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#45505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5e8e Protanopia 1% of men
#3e5f93 Deuteranopia 1% of men
#006870 Tritanopia 0.001% of the population

Trichromacy

#3b5c8d Protanomaly 1% of men, 0.01% of women
#325d90 Deuteranomaly 6% of men, 0.4% of women
#0b637a Tritanomaly 0.01% of the population

#1f5a8c hex color

#1f5a8c Color Information

#1f5a8c Color Conversion

Color Schemes with #1f5a8c

Alternatives to #1f5a8c

#1f5a8c Preview

Shades and Tints of #1f5a8c

Tones of #1f5a8c

Color Blindness Simulator