#1f5988 hex color

In a RGB color space, hex #1f5988 is composed of 12.2% red, 34.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 34.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 206.9 degrees, a saturation of 62.9% and a lightness of 32.7%. #1f5988 color hex could be obtained by blending #3eb2ff with #000011. Closest websafe color is: #336699.

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

● #1f5988 color description : Dark blue.

The hexadecimal color #1f5988 has RGB values of R:31, G:89, B:136 and CMYK values of C:0.77, M:0.35, Y:0, K:0.47. Its decimal value is 2054536.

Hex triplet	1f5988	`#1f5988`
RGB Decimal	31, 89, 136	`rgb(31,89,136)`
RGB Percent	12.2, 34.9, 53.3	`rgb(12.2%,34.9%,53.3%)`
CMYK	77, 35, 0, 47
HSL	206.9°, 62.9, 32.7	`hsl(206.9,62.9%,32.7%)`
HSV (or HSB)	206.9°, 77.2, 53.3
Web Safe	336699	`#336699`

CIE-LAB	36.391, -1.526, -31.511
XYZ	8.58, 9.213, 24.617
xyY	0.202, 0.217, 9.213
CIE-LCH	36.391, 31.547, 267.228
CIE-LUV	36.391, -20, -43.766
Hunter-Lab	30.353, -2.658, -26.839
Binary	00011111, 01011001, 10001000

#1f5988
```
#1f5988 rgb(31,89,136)
```
#884e1f
```
#884e1f rgb(136,78,31)
```

Complementary Color

#1f8883
```
#1f8883 rgb(31,136,131)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#1f2588
```
#1f2588 rgb(31,37,136)
```

Analogous Color

#88831f
```
#88831f rgb(136,131,31)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#881f25
```
#881f25 rgb(136,31,37)
```

Split Complementary Color

#59881f
```
#59881f rgb(89,136,31)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#881f59
```
#881f59 rgb(136,31,89)
```

Triadic Color

#1f884e
```
#1f884e rgb(31,136,78)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#881f59
```
#881f59 rgb(136,31,89)
```
#884e1f
```
#884e1f rgb(136,78,31)
```

Tetradic Color

#11304a
```
#11304a rgb(17,48,74)
```
#163e5e
```
#163e5e rgb(22,62,94)
```
#1a4b73
```
#1a4b73 rgb(26,75,115)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#24679d
```
#24679d rgb(36,103,157)
```
#2874b2
```
#2874b2 rgb(40,116,178)
```
#2d82c6
```
#2d82c6 rgb(45,130,198)
```

Monochromatic Color

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

#1f7388
```
#1f7388 rgb(31,115,136)
```
#1f6b88
```
#1f6b88 rgb(31,107,136)
```
#1f6288
```
#1f6288 rgb(31,98,136)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#1f5088
```
#1f5088 rgb(31,80,136)
```
#1f4888
```
#1f4888 rgb(31,72,136)
```
#1f3f88
```
#1f3f88 rgb(31,63,136)
```

Similar Colors

Text with hexadecimal color #1f5988

This text has a font color of #1f5988.

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

#1f5988 background color

This paragraph has a background color of #1f5988.

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

#1f5988 border color

This element has a border color of #1f5988.

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

CSS codes

.text {color:#1f5988;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#061018
```
#061018 rgb(6,16,24)
```
#091a28
```
#091a28 rgb(9,26,40)
```
#0d2538
```
#0d2538 rgb(13,37,56)
```
#102f48
```
#102f48 rgb(16,47,72)
```
#143a58
```
#143a58 rgb(20,58,88)
```
#184468
```
#184468 rgb(24,68,104)
```
#1b4f78
```
#1b4f78 rgb(27,79,120)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#236398
```
#236398 rgb(35,99,152)
```
#266ea8
```
#266ea8 rgb(38,110,168)
```
#2a78b8
```
#2a78b8 rgb(42,120,184)
```
#2e83c8
```
#2e83c8 rgb(46,131,200)
```

Shade Color Variation

#388dd2
```
#388dd2 rgb(56,141,210)
```
#4896d5
```
#4896d5 rgb(72,150,213)
```
#579fd9
```
#579fd9 rgb(87,159,217)
```
#67a8dc
```
#67a8dc rgb(103,168,220)
```
#77b1e0
```
#77b1e0 rgb(119,177,224)
```
#87bae4
```
#87bae4 rgb(135,186,228)
```
#97c4e7
```
#97c4e7 rgb(151,196,231)
```
#a7cdeb
```
#a7cdeb rgb(167,205,235)
```
#b7d6ef
```
#b7d6ef rgb(183,214,239)
```
#c7dff2
```
#c7dff2 rgb(199,223,242)
```
#d7e8f6
```
#d7e8f6 rgb(215,232,246)
```
#e7f1fa
```
#e7f1fa rgb(231,241,250)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#525455
```
#525455 rgb(82,84,85)
```
#4c545b
```
#4c545b rgb(76,84,91)
```
#465561
```
#465561 rgb(70,85,97)
```
#3f5668
```
#3f5668 rgb(63,86,104)
```
#39566e
```
#39566e rgb(57,86,110)
```
#325775
```
#325775 rgb(50,87,117)
```
#2c587b
```
#2c587b rgb(44,88,123)
```
#255882
```
#255882 rgb(37,88,130)
```
#1f5988
```
#1f5988 rgb(31,89,136)
```
#195a8e
```
#195a8e rgb(25,90,142)
```
#125a95
```
#125a95 rgb(18,90,149)
```
#0c5b9b
```
#0c5b9b rgb(12,91,155)
```
#055ca2
```
#055ca2 rgb(5,92,162)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5c8a Protanopia 1% of men
#405e8f Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#3c5b89 Protanomaly 1% of men, 0.01% of women
#345c8c Deuteranomaly 6% of men, 0.4% of women
#0b6278 Tritanomaly 0.01% of the population

#1f5988 hex color

#1f5988 Color Information

#1f5988 Color Conversion

Color Schemes with #1f5988

Alternatives to #1f5988

#1f5988 Preview

Shades and Tints of #1f5988

Tones of #1f5988

Color Blindness Simulator