#1f6881 hex color

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

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

● #1f6881 color description : Dark blue.

The hexadecimal color #1f6881 has RGB values of R:31, G:104, B:129 and CMYK values of C:0.76, M:0.19, Y:0, K:0.49. Its decimal value is 2058369.

Hex triplet	1f6881	`#1f6881`
RGB Decimal	31, 104, 129	`rgb(31,104,129)`
RGB Percent	12.2, 40.8, 50.6	`rgb(12.2%,40.8%,50.6%)`
CMYK	76, 19, 0, 49
HSL	195.3°, 61.3, 31.4	`hsl(195.3,61.3%,31.4%)`
HSV (or HSB)	195.3°, 76, 50.6
Web Safe	336699	`#336699`

CIE-LAB	40.858, -13.226, -20.283
XYZ	9.477, 11.776, 22.541
xyY	0.216, 0.269, 11.776
CIE-LCH	40.858, 24.214, 236.893
CIE-LUV	40.858, -25.733, -26.902
Hunter-Lab	34.316, -10.759, -14.924
Binary	00011111, 01101000, 10000001

#1f6881
```
#1f6881 rgb(31,104,129)
```
#81381f
```
#81381f rgb(129,56,31)
```

Complementary Color

#1f8169
```
#1f8169 rgb(31,129,105)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#1f3781
```
#1f3781 rgb(31,55,129)
```

Analogous Color

#81691f
```
#81691f rgb(129,105,31)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#811f37
```
#811f37 rgb(129,31,55)
```

Split Complementary Color

#68811f
```
#68811f rgb(104,129,31)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#811f68
```
#811f68 rgb(129,31,104)
```

Triadic Color

#1f8138
```
#1f8138 rgb(31,129,56)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#811f68
```
#811f68 rgb(129,31,104)
```
#81381f
```
#81381f rgb(129,56,31)
```

Tetradic Color

#103643
```
#103643 rgb(16,54,67)
```
#154758
```
#154758 rgb(21,71,88)
```
#1a576c
```
#1a576c rgb(26,87,108)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#247996
```
#247996 rgb(36,121,150)
```
#2989aa
```
#2989aa rgb(41,137,170)
```
#2e9abf
```
#2e9abf rgb(46,154,191)
```

Monochromatic Color

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

#1f8181
```
#1f8181 rgb(31,129,129)
```
#1f7881
```
#1f7881 rgb(31,120,129)
```
#1f7081
```
#1f7081 rgb(31,112,129)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#1f6081
```
#1f6081 rgb(31,96,129)
```
#1f5881
```
#1f5881 rgb(31,88,129)
```
#1f5081
```
#1f5081 rgb(31,80,129)
```

Similar Colors

Text with hexadecimal color #1f6881

This text has a font color of #1f6881.

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

#1f6881 background color

This paragraph has a background color of #1f6881.

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

#1f6881 border color

This element has a border color of #1f6881.

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

CSS codes

.text {color:#1f6881;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#081c22
```
#081c22 rgb(8,28,34)
```
#0c2832
```
#0c2832 rgb(12,40,50)
```
#103542
```
#103542 rgb(16,53,66)
```
#144252
```
#144252 rgb(20,66,82)
```
#174f61
```
#174f61 rgb(23,79,97)
```
#1b5b71
```
#1b5b71 rgb(27,91,113)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#237591
```
#237591 rgb(35,117,145)
```
#2782a1
```
#2782a1 rgb(39,130,161)
```
#2a8eb0
```
#2a8eb0 rgb(42,142,176)
```
#2e9bc0
```
#2e9bc0 rgb(46,155,192)
```

Shade Color Variation

#34a7ce
```
#34a7ce rgb(52,167,206)
```
#44aed2
```
#44aed2 rgb(68,174,210)
```
#54b5d6
```
#54b5d6 rgb(84,181,214)
```
#63bbda
```
#63bbda rgb(99,187,218)
```
#73c2dd
```
#73c2dd rgb(115,194,221)
```
#83c9e1
```
#83c9e1 rgb(131,201,225)
```
#93d0e5
```
#93d0e5 rgb(147,208,229)
```
#a3d7e9
```
#a3d7e9 rgb(163,215,233)
```
#b2deed
```
#b2deed rgb(178,222,237)
```
#c2e5f0
```
#c2e5f0 rgb(194,229,240)
```
#d2ebf4
```
#d2ebf4 rgb(210,235,244)
```
#e2f2f8
```
#e2f2f8 rgb(226,242,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#4a5356
```
#4a5356 rgb(74,83,86)
```
#44565c
```
#44565c rgb(68,86,92)
```
#3e5962
```
#3e5962 rgb(62,89,98)
```
#385c68
```
#385c68 rgb(56,92,104)
```
#315f6f
```
#315f6f rgb(49,95,111)
```
#2b6275
```
#2b6275 rgb(43,98,117)
```
#25657b
```
#25657b rgb(37,101,123)
```
#1f6881
```
#1f6881 rgb(31,104,129)
```
#196b87
```
#196b87 rgb(25,107,135)
```
#136e8d
```
#136e8d rgb(19,110,141)
```
#0d7193
```
#0d7193 rgb(13,113,147)
```
#06749a
```
#06749a rgb(6,116,154)
```
#0077a0
```
#0077a0 rgb(0,119,160)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#616782 Protanopia 1% of men
#5d678a Deuteranopia 1% of men
#1d727a Tritanopia 0.001% of the population

Trichromacy

#496781 Protanomaly 1% of men, 0.01% of women
#466787 Deuteranomaly 6% of men, 0.4% of women
#1d6e7c Tritanomaly 0.01% of the population

#1f6881 hex color

#1f6881 Color Information

#1f6881 Color Conversion

Color Schemes with #1f6881

Alternatives to #1f6881

#1f6881 Preview

Shades and Tints of #1f6881

Tones of #1f6881

Color Blindness Simulator