#1f5d99 hex color

In a RGB color space, hex #1f5d99 is composed of 12.2% red, 36.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 39.2% magenta, 0% yellow and 40% black. It has a hue angle of 209.5 degrees, a saturation of 66.3% and a lightness of 36.1%. #1f5d99 color hex could be obtained by blending #3ebaff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 36
- B 60
RGB color chart
- C 80
- M 39
- Y 0
- K 40
CMYK color chart

● #1f5d99 color description : Dark blue.

The hexadecimal color #1f5d99 has RGB values of R:31, G:93, B:153 and CMYK values of C:0.8, M:0.39, Y:0, K:0.4. Its decimal value is 2055577.

Hex triplet	1f5d99	`#1f5d99`
RGB Decimal	31, 93, 153	`rgb(31,93,153)`
RGB Percent	12.2, 36.5, 60	`rgb(12.2%,36.5%,60%)`
CMYK	80, 39, 0, 40
HSL	209.5°, 66.3, 36.1	`hsl(209.5,66.3%,36.1%)`
HSV (or HSB)	209.5°, 79.7, 60
Web Safe	336699	`#336699`

CIE-LAB	38.584, 2.545, -38.315
XYZ	10.228, 10.419, 31.607
xyY	0.196, 0.199, 10.419
CIE-LCH	38.584, 38.399, 273.8
CIE-LUV	38.584, -20.712, -54.935
Hunter-Lab	32.279, 0.072, -35.462
Binary	00011111, 01011101, 10011001

#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#995b1f
```
#995b1f rgb(153,91,31)
```

Complementary Color

#1f9998
```
#1f9998 rgb(31,153,152)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#1f2099
```
#1f2099 rgb(31,32,153)
```

Analogous Color

#99981f
```
#99981f rgb(153,152,31)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#991f20
```
#991f20 rgb(153,31,32)
```

Split Complementary Color

#5d991f
```
#5d991f rgb(93,153,31)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#991f5d
```
#991f5d rgb(153,31,93)
```

Triadic Color

#1f995b
```
#1f995b rgb(31,153,91)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#991f5d
```
#991f5d rgb(153,31,93)
```
#995b1f
```
#995b1f rgb(153,91,31)
```

Tetradic Color

#123659
```
#123659 rgb(18,54,89)
```
#16436f
```
#16436f rgb(22,67,111)
```
#1b5084
```
#1b5084 rgb(27,80,132)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#236aae
```
#236aae rgb(35,106,174)
```
#2877c3
```
#2877c3 rgb(40,119,195)
```
#3084d5
```
#3084d5 rgb(48,132,213)
```

Monochromatic Color

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

#1f7c99
```
#1f7c99 rgb(31,124,153)
```
#1f7199
```
#1f7199 rgb(31,113,153)
```
#1f6799
```
#1f6799 rgb(31,103,153)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#1f5399
```
#1f5399 rgb(31,83,153)
```
#1f4999
```
#1f4999 rgb(31,73,153)
```
#1f3e99
```
#1f3e99 rgb(31,62,153)
```

Similar Colors

Text with hexadecimal color #1f5d99

This text has a font color of #1f5d99.

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

#1f5d99 background color

This paragraph has a background color of #1f5d99.

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

#1f5d99 border color

This element has a border color of #1f5d99.

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

CSS codes

.text {color:#1f5d99;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050e17
```
#050e17 rgb(5,14,23)
```
#081827
```
#081827 rgb(8,24,39)
```
#0b2237
```
#0b2237 rgb(11,34,55)
```
#0e2b47
```
#0e2b47 rgb(14,43,71)
```
#123558
```
#123558 rgb(18,53,88)
```
#153f68
```
#153f68 rgb(21,63,104)
```
#184978
```
#184978 rgb(24,73,120)
```
#1c5389
```
#1c5389 rgb(28,83,137)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#2267a9
```
#2267a9 rgb(34,103,169)
```
#2671ba
```
#2671ba rgb(38,113,186)
```
#297bca
```
#297bca rgb(41,123,202)
```

Shade Color Variation

#3185d5
```
#3185d5 rgb(49,133,213)
```
#418ed9
```
#418ed9 rgb(65,142,217)
```
#5298dc
```
#5298dc rgb(82,152,220)
```
#62a2df
```
#62a2df rgb(98,162,223)
```
#72abe3
```
#72abe3 rgb(114,171,227)
```
#83b5e6
```
#83b5e6 rgb(131,181,230)
```
#93bfe9
```
#93bfe9 rgb(147,191,233)
```
#a3c8ec
```
#a3c8ec rgb(163,200,236)
```
#b4d2f0
```
#b4d2f0 rgb(180,210,240)
```
#c4dcf3
```
#c4dcf3 rgb(196,220,243)
```
#d4e6f6
```
#d4e6f6 rgb(212,230,246)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585c60 is the less saturated color, while #035db5 is the most saturated one.

#585c60
```
#585c60 rgb(88,92,96)
```
#515c67
```
#515c67 rgb(81,92,103)
```
#495c6f
```
#495c6f rgb(73,92,111)
```
#425c76
```
#425c76 rgb(66,92,118)
```
#3b5d7d
```
#3b5d7d rgb(59,93,125)
```
#345d84
```
#345d84 rgb(52,93,132)
```
#2d5d8b
```
#2d5d8b rgb(45,93,139)
```
#265d92
```
#265d92 rgb(38,93,146)
```
#1f5d99
```
#1f5d99 rgb(31,93,153)
```
#185da0
```
#185da0 rgb(24,93,160)
```
#115da7
```
#115da7 rgb(17,93,167)
```
#0a5dae
```
#0a5dae rgb(10,93,174)
```
#035db5
```
#035db5 rgb(3,93,181)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#47535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a619b Protanopia 1% of men
#35649e Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#3a5f9a Protanomaly 1% of men, 0.01% of women
#2d619c Deuteranomaly 6% of men, 0.4% of women
#0b6781 Tritanomaly 0.01% of the population

#1f5d99 hex color

#1f5d99 Color Information

#1f5d99 Color Conversion

Color Schemes with #1f5d99

Alternatives to #1f5d99

#1f5d99 Preview

Shades and Tints of #1f5d99

Tones of #1f5d99

Color Blindness Simulator