#1f5681 hex color

In a RGB color space, hex #1f5681 is composed of 12.2% red, 33.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 33.3% magenta, 0% yellow and 49.4% black. It has a hue angle of 206.3 degrees, a saturation of 61.3% and a lightness of 31.4%. #1f5681 color hex could be obtained by blending #3eacff 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

● #1f5681 color description : Dark blue.

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

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

CIE-LAB	35.066, -2.326, -29.316
XYZ	7.854, 8.531, 22
xyY	0.205, 0.222, 8.531
CIE-LCH	35.066, 29.408, 265.464
CIE-LUV	35.066, -19.224, -40.07
Hunter-Lab	29.208, -3.114, -24.213
Binary	00011111, 01010110, 10000001

#1f5681
```
#1f5681 rgb(31,86,129)
```
#814a1f
```
#814a1f rgb(129,74,31)
```

Complementary Color

#1f817b
```
#1f817b rgb(31,129,123)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#1f2581
```
#1f2581 rgb(31,37,129)
```

Analogous Color

#817b1f
```
#817b1f rgb(129,123,31)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#811f25
```
#811f25 rgb(129,31,37)
```

Split Complementary Color

#56811f
```
#56811f rgb(86,129,31)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#811f56
```
#811f56 rgb(129,31,86)
```

Triadic Color

#1f814a
```
#1f814a rgb(31,129,74)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#811f56
```
#811f56 rgb(129,31,86)
```
#814a1f
```
#814a1f rgb(129,74,31)
```

Tetradic Color

#102d43
```
#102d43 rgb(16,45,67)
```
#153b58
```
#153b58 rgb(21,59,88)
```
#1a486c
```
#1a486c rgb(26,72,108)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#246496
```
#246496 rgb(36,100,150)
```
#2971aa
```
#2971aa rgb(41,113,170)
```
#2e7fbf
```
#2e7fbf rgb(46,127,191)
```

Monochromatic Color

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

#1f6f81
```
#1f6f81 rgb(31,111,129)
```
#1f6681
```
#1f6681 rgb(31,102,129)
```
#1f5e81
```
#1f5e81 rgb(31,94,129)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#1f4e81
```
#1f4e81 rgb(31,78,129)
```
#1f4681
```
#1f4681 rgb(31,70,129)
```
#1f3e81
```
#1f3e81 rgb(31,62,129)
```

Similar Colors

Text with hexadecimal color #1f5681

This text has a font color of #1f5681.

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

#1f5681 background color

This paragraph has a background color of #1f5681.

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

#1f5681 border color

This element has a border color of #1f5681.

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

CSS codes

.text {color:#1f5681;}

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

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

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)
```
#0c2132
```
#0c2132 rgb(12,33,50)
```
#102c42
```
#102c42 rgb(16,44,66)
```
#143652
```
#143652 rgb(20,54,82)
```
#174161
```
#174161 rgb(23,65,97)
```
#1b4b71
```
#1b4b71 rgb(27,75,113)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#236191
```
#236191 rgb(35,97,145)
```
#276ba1
```
#276ba1 rgb(39,107,161)
```
#2a76b0
```
#2a76b0 rgb(42,118,176)
```
#2e80c0
```
#2e80c0 rgb(46,128,192)
```

Shade Color Variation

#348ace
```
#348ace rgb(52,138,206)
```
#4494d2
```
#4494d2 rgb(68,148,210)
```
#549dd6
```
#549dd6 rgb(84,157,214)
```
#63a6da
```
#63a6da rgb(99,166,218)
```
#73afdd
```
#73afdd rgb(115,175,221)
```
#83b8e1
```
#83b8e1 rgb(131,184,225)
```
#93c1e5
```
#93c1e5 rgb(147,193,229)
```
#a3cae9
```
#a3cae9 rgb(163,202,233)
```
#b2d3ed
```
#b2d3ed rgb(178,211,237)
```
#c2dcf0
```
#c2dcf0 rgb(194,220,240)
```
#d2e5f4
```
#d2e5f4 rgb(210,229,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,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 #005aa0 is the most saturated one.

#4a5156
```
#4a5156 rgb(74,81,86)
```
#44515c
```
#44515c rgb(68,81,92)
```
#3e5262
```
#3e5262 rgb(62,82,98)
```
#385368
```
#385368 rgb(56,83,104)
```
#31546f
```
#31546f rgb(49,84,111)
```
#2b5475
```
#2b5475 rgb(43,84,117)
```
#25557b
```
#25557b rgb(37,85,123)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#195787
```
#195787 rgb(25,87,135)
```
#13588d
```
#13588d rgb(19,88,141)
```
#0d5893
```
#0d5893 rgb(13,88,147)
```
#06599a
```
#06599a rgb(6,89,154)
```
#005aa0
```
#005aa0 rgb(0,90,160)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5a83 Protanopia 1% of men
#415b88 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#3b5882 Protanomaly 1% of men, 0.01% of women
#345986 Deuteranomaly 6% of men, 0.4% of women
#0b5f73 Tritanomaly 0.01% of the population

#1f5681 hex color

#1f5681 Color Information

#1f5681 Color Conversion

Color Schemes with #1f5681

Alternatives to #1f5681

#1f5681 Preview

Shades and Tints of #1f5681

Tones of #1f5681

Color Blindness Simulator