#1f5493 hex color

In a RGB color space, hex #1f5493 is composed of 12.2% red, 32.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 42.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 212.6 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f5493 color hex could be obtained by blending #3ea8ff with #000027. Closest websafe color is: #336699.

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

● #1f5493 color description : Dark blue.

The hexadecimal color #1f5493 has RGB values of R:31, G:84, B:147 and CMYK values of C:0.79, M:0.43, Y:0, K:0.42. Its decimal value is 2053267.

Hex triplet	1f5493	`#1f5493`
RGB Decimal	31, 84, 147	`rgb(31,84,147)`
RGB Percent	12.2, 32.9, 57.6	`rgb(12.2%,32.9%,57.6%)`
CMYK	79, 43, 0, 42
HSL	212.6°, 65.2, 34.9	`hsl(212.6,65.2%,34.9%)`
HSV (or HSB)	212.6°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	35.475, 6.029, -39.655
XYZ	9.001, 8.738, 28.814
xyY	0.193, 0.188, 8.738
CIE-LCH	35.475, 40.111, 278.645
CIE-LUV	35.475, -17.937, -55.873
Hunter-Lab	29.56, 2.622, -37.103
Binary	00011111, 01010100, 10010011

#1f5493
```
#1f5493 rgb(31,84,147)
```
#935e1f
```
#935e1f rgb(147,94,31)
```

Complementary Color

#1f8e93
```
#1f8e93 rgb(31,142,147)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#241f93
```
#241f93 rgb(36,31,147)
```

Analogous Color

#8e931f
```
#8e931f rgb(142,147,31)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#93241f
```
#93241f rgb(147,36,31)
```

Split Complementary Color

#54931f
```
#54931f rgb(84,147,31)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#931f54
```
#931f54 rgb(147,31,84)
```

Triadic Color

#1f935e
```
#1f935e rgb(31,147,94)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#931f54
```
#931f54 rgb(147,31,84)
```
#935e1f
```
#935e1f rgb(147,94,31)
```

Tetradic Color

#123054
```
#123054 rgb(18,48,84)
```
#163c69
```
#163c69 rgb(22,60,105)
```
#1b487e
```
#1b487e rgb(27,72,126)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#2360a8
```
#2360a8 rgb(35,96,168)
```
#286cbd
```
#286cbd rgb(40,108,189)
```
#2c78d2
```
#2c78d2 rgb(44,120,210)
```

Monochromatic Color

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

#1f7193
```
#1f7193 rgb(31,113,147)
```
#1f6793
```
#1f6793 rgb(31,103,147)
```
#1f5e93
```
#1f5e93 rgb(31,94,147)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#1f4a93
```
#1f4a93 rgb(31,74,147)
```
#1f4193
```
#1f4193 rgb(31,65,147)
```
#1f3793
```
#1f3793 rgb(31,55,147)
```

Similar Colors

Text with hexadecimal color #1f5493

This text has a font color of #1f5493.

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

#1f5493 background color

This paragraph has a background color of #1f5493.

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

#1f5493 border color

This element has a border color of #1f5493.

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

CSS codes

.text {color:#1f5493;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#071322
```
#071322 rgb(7,19,34)
```
#0b1c32
```
#0b1c32 rgb(11,28,50)
```
#0e2642
```
#0e2642 rgb(14,38,66)
```
#112f52
```
#112f52 rgb(17,47,82)
```
#153862
```
#153862 rgb(21,56,98)
```
#184173
```
#184173 rgb(24,65,115)
```
#1c4b83
```
#1c4b83 rgb(28,75,131)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#225da3
```
#225da3 rgb(34,93,163)
```
#2667b3
```
#2667b3 rgb(38,103,179)
```
#2970c4
```
#2970c4 rgb(41,112,196)
```

Shade Color Variation

#2e79d3
```
#2e79d3 rgb(46,121,211)
```
#3e83d6
```
#3e83d6 rgb(62,131,214)
```
#4e8eda
```
#4e8eda rgb(78,142,218)
```
#5e98dd
```
#5e98dd rgb(94,152,221)
```
#6ea3e1
```
#6ea3e1 rgb(110,163,225)
```
#7fade4
```
#7fade4 rgb(127,173,228)
```
#8fb7e7
```
#8fb7e7 rgb(143,183,231)
```
#9fc2eb
```
#9fc2eb rgb(159,194,235)
```
#afccee
```
#afccee rgb(175,204,238)
```
#bfd6f2
```
#bfd6f2 rgb(191,214,242)
```
#d0e1f5
```
#d0e1f5 rgb(208,225,245)
```
#e0ebf8
```
#e0ebf8 rgb(224,235,248)
```
#f0f5fc
```
#f0f5fc rgb(240,245,252)
```

Tint Color Variation

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

#56595c
```
#56595c rgb(86,89,92)
```
#4f5863
```
#4f5863 rgb(79,88,99)
```
#48586a
```
#48586a rgb(72,88,106)
```
#415771
```
#415771 rgb(65,87,113)
```
#3a5678
```
#3a5678 rgb(58,86,120)
```
#34567e
```
#34567e rgb(52,86,126)
```
#2d5585
```
#2d5585 rgb(45,85,133)
```
#26558c
```
#26558c rgb(38,85,140)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```
#18539a
```
#18539a rgb(24,83,154)
```
#1153a1
```
#1153a1 rgb(17,83,161)
```
#0a52a8
```
#0a52a8 rgb(10,82,168)
```
#0452ae
```
#0452ae rgb(4,82,174)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5a96 Protanopia 1% of men
#255d98 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#335895 Protanomaly 1% of men, 0.01% of women
#225a96 Deuteranomaly 6% of men, 0.4% of women
#0b5f7a Tritanomaly 0.01% of the population

#1f5493 hex color

#1f5493 Color Information

#1f5493 Color Conversion

Color Schemes with #1f5493

Alternatives to #1f5493

#1f5493 Preview

Shades and Tints of #1f5493

Tones of #1f5493

Color Blindness Simulator