#1f5894 hex color

In a RGB color space, hex #1f5894 is composed of 12.2% red, 34.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 40.5% magenta, 0% yellow and 42% black. It has a hue angle of 210.8 degrees, a saturation of 65.4% and a lightness of 35.1%. #1f5894 color hex could be obtained by blending #3eb0ff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 35
- B 58
RGB color chart
- C 79
- M 41
- Y 0
- K 42
CMYK color chart

● #1f5894 color description : Dark blue.

The hexadecimal color #1f5894 has RGB values of R:31, G:88, B:148 and CMYK values of C:0.79, M:0.41, Y:0, K:0.42. Its decimal value is 2054292.

Hex triplet	1f5894	`#1f5894`
RGB Decimal	31, 88, 148	`rgb(31,88,148)`
RGB Percent	12.2, 34.5, 58	`rgb(12.2%,34.5%,58%)`
CMYK	79, 41, 0, 42
HSL	210.8°, 65.4, 35.1	`hsl(210.8,65.4%,35.1%)`
HSV (or HSB)	210.8°, 79.1, 58
Web Safe	336699	`#336699`

CIE-LAB	36.758, 3.808, -38.212
XYZ	9.399, 9.408, 29.336
xyY	0.195, 0.195, 9.408
CIE-LCH	36.758, 38.401, 275.69
CIE-LUV	36.758, -19.222, -54.168
Hunter-Lab	30.673, 1.02, -35.235
Binary	00011111, 01011000, 10010100

#1f5894
```
#1f5894 rgb(31,88,148)
```
#945b1f
```
#945b1f rgb(148,91,31)
```

Complementary Color

#1f9394
```
#1f9394 rgb(31,147,148)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#211f94
```
#211f94 rgb(33,31,148)
```

Analogous Color

#93941f
```
#93941f rgb(147,148,31)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#94211f
```
#94211f rgb(148,33,31)
```

Split Complementary Color

#58941f
```
#58941f rgb(88,148,31)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#941f58
```
#941f58 rgb(148,31,88)
```

Triadic Color

#1f945b
```
#1f945b rgb(31,148,91)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#941f58
```
#941f58 rgb(148,31,88)
```
#945b1f
```
#945b1f rgb(148,91,31)
```

Tetradic Color

#123255
```
#123255 rgb(18,50,85)
```
#163f6a
```
#163f6a rgb(22,63,106)
```
#1b4b7f
```
#1b4b7f rgb(27,75,127)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#2365a9
```
#2365a9 rgb(35,101,169)
```
#2871be
```
#2871be rgb(40,113,190)
```
#2d7ed3
```
#2d7ed3 rgb(45,126,211)
```

Monochromatic Color

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

#1f7594
```
#1f7594 rgb(31,117,148)
```
#1f6c94
```
#1f6c94 rgb(31,108,148)
```
#1f6294
```
#1f6294 rgb(31,98,148)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#1f4e94
```
#1f4e94 rgb(31,78,148)
```
#1f4594
```
#1f4594 rgb(31,69,148)
```
#1f3b94
```
#1f3b94 rgb(31,59,148)
```

Similar Colors

Text with hexadecimal color #1f5894

This text has a font color of #1f5894.

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

#1f5894 background color

This paragraph has a background color of #1f5894.

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

#1f5894 border color

This element has a border color of #1f5894.

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

CSS codes

.text {color:#1f5894;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040b12
```
#040b12 rgb(4,11,18)
```
#071422
```
#071422 rgb(7,20,34)
```
#0b1e33
```
#0b1e33 rgb(11,30,51)
```
#0e2843
```
#0e2843 rgb(14,40,67)
```
#113153
```
#113153 rgb(17,49,83)
```
#153b63
```
#153b63 rgb(21,59,99)
```
#184574
```
#184574 rgb(24,69,116)
```
#1c4e84
```
#1c4e84 rgb(28,78,132)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#2262a4
```
#2262a4 rgb(34,98,164)
```
#266bb4
```
#266bb4 rgb(38,107,180)
```
#2975c5
```
#2975c5 rgb(41,117,197)
```

Shade Color Variation

#2e7fd3
```
#2e7fd3 rgb(46,127,211)
```
#3e89d7
```
#3e89d7 rgb(62,137,215)
```
#4f93da
```
#4f93da rgb(79,147,218)
```
#5f9ddd
```
#5f9ddd rgb(95,157,221)
```
#6fa7e1
```
#6fa7e1 rgb(111,167,225)
```
#7fb0e4
```
#7fb0e4 rgb(127,176,228)
```
#90bae8
```
#90bae8 rgb(144,186,232)
```
#a0c4eb
```
#a0c4eb rgb(160,196,235)
```
#b0ceee
```
#b0ceee rgb(176,206,238)
```
#c0d8f2
```
#c0d8f2 rgb(192,216,242)
```
#d0e2f5
```
#d0e2f5 rgb(208,226,245)
```
#e1ecf9
```
#e1ecf9 rgb(225,236,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595d is the less saturated color, while #0357b0 is the most saturated one.

#56595d
```
#56595d rgb(86,89,93)
```
#4f5964
```
#4f5964 rgb(79,89,100)
```
#48596b
```
#48596b rgb(72,89,107)
```
#415972
```
#415972 rgb(65,89,114)
```
#3b5978
```
#3b5978 rgb(59,89,120)
```
#34597f
```
#34597f rgb(52,89,127)
```
#2d5886
```
#2d5886 rgb(45,88,134)
```
#26588d
```
#26588d rgb(38,88,141)
```
#1f5894
```
#1f5894 rgb(31,88,148)
```
#18589b
```
#18589b rgb(24,88,155)
```
#1158a2
```
#1158a2 rgb(17,88,162)
```
#0a57a9
```
#0a57a9 rgb(10,87,169)
```
#0357b0
```
#0357b0 rgb(3,87,176)
```

Tone Color Variation

Below, you can see how #1f5894 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
#45505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#455d96 Protanopia 1% of men
#2f6099 Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#375b95 Protanomaly 1% of men, 0.01% of women
#295d97 Deuteranomaly 6% of men, 0.4% of women
#0b627c Tritanomaly 0.01% of the population

#1f5894 hex color

#1f5894 Color Information

#1f5894 Color Conversion

Color Schemes with #1f5894

Alternatives to #1f5894

#1f5894 Preview

Shades and Tints of #1f5894

Tones of #1f5894

Color Blindness Simulator