#1f5583 hex color

In a RGB color space, hex #1f5583 is composed of 12.2% red, 33.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 35.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 207.6 degrees, a saturation of 61.7% and a lightness of 31.8%. #1f5583 color hex could be obtained by blending #3eaaff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 33
- B 51
RGB color chart
- C 76
- M 35
- Y 0
- K 49
CMYK color chart

● #1f5583 color description : Dark blue.

The hexadecimal color #1f5583 has RGB values of R:31, G:85, B:131 and CMYK values of C:0.76, M:0.35, Y:0, K:0.49. Its decimal value is 2053507.

Hex triplet	1f5583	`#1f5583`
RGB Decimal	31, 85, 131	`rgb(31,85,131)`
RGB Percent	12.2, 33.3, 51.4	`rgb(12.2%,33.3%,51.4%)`
CMYK	76, 35, 0, 49
HSL	207.6°, 61.7, 31.8	`hsl(207.6,61.7%,31.8%)`
HSV (or HSB)	207.6°, 76.3, 51.4
Web Safe	336699	`#336699`

CIE-LAB	34.856, -0.913, -30.876
XYZ	7.909, 8.426, 22.681
xyY	0.203, 0.216, 8.426
CIE-LCH	34.856, 30.89, 268.306
CIE-LUV	34.856, -18.799, -42.39
Hunter-Lab	29.028, -2.163, -26.006
Binary	00011111, 01010101, 10000011

#1f5583
```
#1f5583 rgb(31,85,131)
```
#834d1f
```
#834d1f rgb(131,77,31)
```

Complementary Color

#1f837f
```
#1f837f rgb(31,131,127)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#1f2383
```
#1f2383 rgb(31,35,131)
```

Analogous Color

#837f1f
```
#837f1f rgb(131,127,31)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#831f23
```
#831f23 rgb(131,31,35)
```

Split Complementary Color

#55831f
```
#55831f rgb(85,131,31)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#831f55
```
#831f55 rgb(131,31,85)
```

Triadic Color

#1f834d
```
#1f834d rgb(31,131,77)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#831f55
```
#831f55 rgb(131,31,85)
```
#834d1f
```
#834d1f rgb(131,77,31)
```

Tetradic Color

#102d45
```
#102d45 rgb(16,45,69)
```
#153a5a
```
#153a5a rgb(21,58,90)
```
#1a486e
```
#1a486e rgb(26,72,110)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#246298
```
#246298 rgb(36,98,152)
```
#2970ac
```
#2970ac rgb(41,112,172)
```
#2e7dc1
```
#2e7dc1 rgb(46,125,193)
```

Monochromatic Color

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

#1f6e83
```
#1f6e83 rgb(31,110,131)
```
#1f6683
```
#1f6683 rgb(31,102,131)
```
#1f5d83
```
#1f5d83 rgb(31,93,131)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#1f4d83
```
#1f4d83 rgb(31,77,131)
```
#1f4483
```
#1f4483 rgb(31,68,131)
```
#1f3c83
```
#1f3c83 rgb(31,60,131)
```

Similar Colors

Text with hexadecimal color #1f5583

This text has a font color of #1f5583.

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

#1f5583 background color

This paragraph has a background color of #1f5583.

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

#1f5583 border color

This element has a border color of #1f5583.

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

CSS codes

.text {color:#1f5583;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#081724
```
#081724 rgb(8,23,36)
```
#0c2234
```
#0c2234 rgb(12,34,52)
```
#102c44
```
#102c44 rgb(16,44,68)
```
#143653
```
#143653 rgb(20,54,83)
```
#174063
```
#174063 rgb(23,64,99)
```
#1b4b73
```
#1b4b73 rgb(27,75,115)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#235f93
```
#235f93 rgb(35,95,147)
```
#276aa3
```
#276aa3 rgb(39,106,163)
```
#2a74b3
```
#2a74b3 rgb(42,116,179)
```
#2e7ec2
```
#2e7ec2 rgb(46,126,194)
```

Shade Color Variation

#3588cf
```
#3588cf rgb(53,136,207)
```
#4592d3
```
#4592d3 rgb(69,146,211)
```
#559bd7
```
#559bd7 rgb(85,155,215)
```
#64a4da
```
#64a4da rgb(100,164,218)
```
#74aede
```
#74aede rgb(116,174,222)
```
#84b7e2
```
#84b7e2 rgb(132,183,226)
```
#94c0e6
```
#94c0e6 rgb(148,192,230)
```
#a4c9e9
```
#a4c9e9 rgb(164,201,233)
```
#b4d3ed
```
#b4d3ed rgb(180,211,237)
```
#c4dcf1
```
#c4dcf1 rgb(196,220,241)
```
#d4e5f5
```
#d4e5f5 rgb(212,229,245)
```
#e3eff8
```
#e3eff8 rgb(227,239,248)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

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

#515151
```
#515151 rgb(81,81,81)
```
#4b5257
```
#4b5257 rgb(75,82,87)
```
#44525e
```
#44525e rgb(68,82,94)
```
#3e5364
```
#3e5364 rgb(62,83,100)
```
#38536a
```
#38536a rgb(56,83,106)
```
#325470
```
#325470 rgb(50,84,112)
```
#2b5477
```
#2b5477 rgb(43,84,119)
```
#25557d
```
#25557d rgb(37,85,125)
```
#1f5583
```
#1f5583 rgb(31,85,131)
```
#195589
```
#195589 rgb(25,85,137)
```
#13568f
```
#13568f rgb(19,86,143)
```
#0c5696
```
#0c5696 rgb(12,86,150)
```
#06579c
```
#06579c rgb(6,87,156)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495986 Protanopia 1% of men
#3d5b8a Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#3a5784 Protanomaly 1% of men, 0.01% of women
#325887 Deuteranomaly 6% of men, 0.4% of women
#0b5e73 Tritanomaly 0.01% of the population

#1f5583 hex color

#1f5583 Color Information

#1f5583 Color Conversion

Color Schemes with #1f5583

Alternatives to #1f5583

#1f5583 Preview

Shades and Tints of #1f5583

Tones of #1f5583

Color Blindness Simulator