#1f5c93 hex color

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

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

● #1f5c93 color description : Dark blue.

The hexadecimal color #1f5c93 has RGB values of R:31, G:92, B:147 and CMYK values of C:0.79, M:0.37, Y:0, K:0.42. Its decimal value is 2055315.

Hex triplet	1f5c93	`#1f5c93`
RGB Decimal	31, 92, 147	`rgb(31,92,147)`
RGB Percent	12.2, 36.1, 57.6	`rgb(12.2%,36.1%,57.6%)`
CMYK	79, 37, 0, 42
HSL	208.4°, 65.2, 34.9	`hsl(208.4,65.2%,34.9%)`
HSV (or HSB)	208.4°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	37.935, 0.84, -35.738
XYZ	9.657, 10.051, 29.033
xyY	0.198, 0.206, 10.051
CIE-LCH	37.935, 35.748, 271.346
CIE-LUV	37.935, -20.603, -50.732
Hunter-Lab	31.704, -1.108, -32.103
Binary	00011111, 01011100, 10010011

#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#93561f
```
#93561f rgb(147,86,31)
```

Complementary Color

#1f9390
```
#1f9390 rgb(31,147,144)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#1f2293
```
#1f2293 rgb(31,34,147)
```

Analogous Color

#93901f
```
#93901f rgb(147,144,31)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#931f22
```
#931f22 rgb(147,31,34)
```

Split Complementary Color

#5c931f
```
#5c931f rgb(92,147,31)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#931f5c
```
#931f5c rgb(147,31,92)
```

Triadic Color

#1f9356
```
#1f9356 rgb(31,147,86)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#931f5c
```
#931f5c rgb(147,31,92)
```
#93561f
```
#93561f rgb(147,86,31)
```

Tetradic Color

#123454
```
#123454 rgb(18,52,84)
```
#164269
```
#164269 rgb(22,66,105)
```
#1b4f7e
```
#1b4f7e rgb(27,79,126)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#2369a8
```
#2369a8 rgb(35,105,168)
```
#2876bd
```
#2876bd rgb(40,118,189)
```
#2c84d2
```
#2c84d2 rgb(44,132,210)
```

Monochromatic Color

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

#1f7993
```
#1f7993 rgb(31,121,147)
```
#1f6f93
```
#1f6f93 rgb(31,111,147)
```
#1f6693
```
#1f6693 rgb(31,102,147)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#1f5293
```
#1f5293 rgb(31,82,147)
```
#1f4993
```
#1f4993 rgb(31,73,147)
```
#1f3f93
```
#1f3f93 rgb(31,63,147)
```

Similar Colors

Text with hexadecimal color #1f5c93

This text has a font color of #1f5c93.

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

#1f5c93 background color

This paragraph has a background color of #1f5c93.

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

#1f5c93 border color

This element has a border color of #1f5c93.

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

CSS codes

.text {color:#1f5c93;}

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

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

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 #f0f6fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040b11
```
#040b11 rgb(4,11,17)
```
#071522
```
#071522 rgb(7,21,34)
```
#0b1f32
```
#0b1f32 rgb(11,31,50)
```
#0e2942
```
#0e2942 rgb(14,41,66)
```
#113352
```
#113352 rgb(17,51,82)
```
#153e62
```
#153e62 rgb(21,62,98)
```
#184873
```
#184873 rgb(24,72,115)
```
#1c5283
```
#1c5283 rgb(28,82,131)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#2266a3
```
#2266a3 rgb(34,102,163)
```
#2670b3
```
#2670b3 rgb(38,112,179)
```
#297ac4
```
#297ac4 rgb(41,122,196)
```

Shade Color Variation

#2e85d3
```
#2e85d3 rgb(46,133,211)
```
#3e8ed6
```
#3e8ed6 rgb(62,142,214)
```
#4e97da
```
#4e97da rgb(78,151,218)
```
#5ea1dd
```
#5ea1dd rgb(94,161,221)
```
#6eaae1
```
#6eaae1 rgb(110,170,225)
```
#7fb4e4
```
#7fb4e4 rgb(127,180,228)
```
#8fbde7
```
#8fbde7 rgb(143,189,231)
```
#9fc7eb
```
#9fc7eb rgb(159,199,235)
```
#afd0ee
```
#afd0ee rgb(175,208,238)
```
#bfdaf2
```
#bfdaf2 rgb(191,218,242)
```
#d0e3f5
```
#d0e3f5 rgb(208,227,245)
```
#e0edf8
```
#e0edf8 rgb(224,237,248)
```
#f0f6fc
```
#f0f6fc rgb(240,246,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 #045dae is the most saturated one.

#56595c
```
#56595c rgb(86,89,92)
```
#4f5a63
```
#4f5a63 rgb(79,90,99)
```
#485a6a
```
#485a6a rgb(72,90,106)
```
#415a71
```
#415a71 rgb(65,90,113)
```
#3a5b78
```
#3a5b78 rgb(58,91,120)
```
#345b7e
```
#345b7e rgb(52,91,126)
```
#2d5b85
```
#2d5b85 rgb(45,91,133)
```
#265c8c
```
#265c8c rgb(38,92,140)
```
#1f5c93
```
#1f5c93 rgb(31,92,147)
```
#185c9a
```
#185c9a rgb(24,92,154)
```
#115da1
```
#115da1 rgb(17,93,161)
```
#0a5da8
```
#0a5da8 rgb(10,93,168)
```
#045dae
```
#045dae rgb(4,93,174)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#46525d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6095 Protanopia 1% of men
#3a6299 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#3b5e94 Protanomaly 1% of men, 0.01% of women
#306097 Deuteranomaly 6% of men, 0.4% of women
#0b657e Tritanomaly 0.01% of the population

#1f5c93 hex color

#1f5c93 Color Information

#1f5c93 Color Conversion

Color Schemes with #1f5c93

Alternatives to #1f5c93

#1f5c93 Preview

Shades and Tints of #1f5c93

Tones of #1f5c93

Color Blindness Simulator