#1f5781 hex color

In a RGB color space, hex #1f5781 is composed of 12.2% red, 34.1% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 32.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 205.7 degrees, a saturation of 61.3% and a lightness of 31.4%. #1f5781 color hex could be obtained by blending #3eaeff with #000003. Closest websafe color is: #336699.

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

● #1f5781 color description : Dark blue.

The hexadecimal color #1f5781 has RGB values of R:31, G:87, B:129 and CMYK values of C:0.76, M:0.33, Y:0, K:0.49. Its decimal value is 2054017.

Hex triplet	1f5781	`#1f5781`
RGB Decimal	31, 87, 129	`rgb(31,87,129)`
RGB Percent	12.2, 34.1, 50.6	`rgb(12.2%,34.1%,50.6%)`
CMYK	76, 33, 0, 49
HSL	205.7°, 61.3, 31.4	`hsl(205.7,61.3%,31.4%)`
HSV (or HSB)	205.7°, 76, 50.6
Web Safe	336699	`#336699`

CIE-LAB	35.384, -2.959, -28.814
XYZ	7.935, 8.692, 22.027
xyY	0.205, 0.225, 8.692
CIE-LCH	35.384, 28.965, 264.136
CIE-LUV	35.384, -19.577, -39.38
Hunter-Lab	29.482, -3.553, -23.66
Binary	00011111, 01010111, 10000001

#1f5781
```
#1f5781 rgb(31,87,129)
```
#81491f
```
#81491f rgb(129,73,31)
```

Complementary Color

#1f817a
```
#1f817a rgb(31,129,122)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#1f2681
```
#1f2681 rgb(31,38,129)
```

Analogous Color

#817a1f
```
#817a1f rgb(129,122,31)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#811f26
```
#811f26 rgb(129,31,38)
```

Split Complementary Color

#57811f
```
#57811f rgb(87,129,31)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#811f57
```
#811f57 rgb(129,31,87)
```

Triadic Color

#1f8149
```
#1f8149 rgb(31,129,73)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#811f57
```
#811f57 rgb(129,31,87)
```
#81491f
```
#81491f rgb(129,73,31)
```

Tetradic Color

#102d43
```
#102d43 rgb(16,45,67)
```
#153b58
```
#153b58 rgb(21,59,88)
```
#1a496c
```
#1a496c rgb(26,73,108)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#246596
```
#246596 rgb(36,101,150)
```
#2973aa
```
#2973aa rgb(41,115,170)
```
#2e81bf
```
#2e81bf rgb(46,129,191)
```

Monochromatic Color

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

#1f7081
```
#1f7081 rgb(31,112,129)
```
#1f6781
```
#1f6781 rgb(31,103,129)
```
#1f5f81
```
#1f5f81 rgb(31,95,129)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#1f4f81
```
#1f4f81 rgb(31,79,129)
```
#1f4781
```
#1f4781 rgb(31,71,129)
```
#1f3f81
```
#1f3f81 rgb(31,63,129)
```

Similar Colors

Text with hexadecimal color #1f5781

This text has a font color of #1f5781.

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

#1f5781 background color

This paragraph has a background color of #1f5781.

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

#1f5781 border color

This element has a border color of #1f5781.

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

CSS codes

.text {color:#1f5781;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081722
```
#081722 rgb(8,23,34)
```
#0c2232
```
#0c2232 rgb(12,34,50)
```
#102c42
```
#102c42 rgb(16,44,66)
```
#143752
```
#143752 rgb(20,55,82)
```
#174261
```
#174261 rgb(23,66,97)
```
#1b4c71
```
#1b4c71 rgb(27,76,113)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#236291
```
#236291 rgb(35,98,145)
```
#276ca1
```
#276ca1 rgb(39,108,161)
```
#2a77b0
```
#2a77b0 rgb(42,119,176)
```
#2e82c0
```
#2e82c0 rgb(46,130,192)
```

Shade Color Variation

#348cce
```
#348cce rgb(52,140,206)
```
#4495d2
```
#4495d2 rgb(68,149,210)
```
#549ed6
```
#549ed6 rgb(84,158,214)
```
#63a7da
```
#63a7da rgb(99,167,218)
```
#73b0dd
```
#73b0dd rgb(115,176,221)
```
#83b9e1
```
#83b9e1 rgb(131,185,225)
```
#93c2e5
```
#93c2e5 rgb(147,194,229)
```
#a3cbe9
```
#a3cbe9 rgb(163,203,233)
```
#b2d4ed
```
#b2d4ed rgb(178,212,237)
```
#c2ddf0
```
#c2ddf0 rgb(194,221,240)
```
#d2e6f4
```
#d2e6f4 rgb(210,230,244)
```
#e2eff8
```
#e2eff8 rgb(226,239,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5156 is the less saturated color, while #005ba0 is the most saturated one.

#4a5156
```
#4a5156 rgb(74,81,86)
```
#44525c
```
#44525c rgb(68,82,92)
```
#3e5362
```
#3e5362 rgb(62,83,98)
```
#385368
```
#385368 rgb(56,83,104)
```
#31546f
```
#31546f rgb(49,84,111)
```
#2b5575
```
#2b5575 rgb(43,85,117)
```
#25567b
```
#25567b rgb(37,86,123)
```
#1f5781
```
#1f5781 rgb(31,87,129)
```
#195887
```
#195887 rgb(25,88,135)
```
#13598d
```
#13598d rgb(19,89,141)
```
#0d5a93
```
#0d5a93 rgb(13,90,147)
```
#065b9a
```
#065b9a rgb(6,91,154)
```
#005ba0
```
#005ba0 rgb(0,91,160)
```

Tone Color Variation

Below, you can see how #1f5781 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
#424d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5a83 Protanopia 1% of men
#425c89 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#3c5982 Protanomaly 1% of men, 0.01% of women
#355a86 Deuteranomaly 6% of men, 0.4% of women
#0b5f73 Tritanomaly 0.01% of the population

#1f5781 hex color

#1f5781 Color Information

#1f5781 Color Conversion

Color Schemes with #1f5781

Alternatives to #1f5781

#1f5781 Preview

Shades and Tints of #1f5781

Tones of #1f5781

Color Blindness Simulator