#1f6896 hex color

In a RGB color space, hex #1f6896 is composed of 12.2% red, 40.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 30.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 203.2 degrees, a saturation of 65.7% and a lightness of 35.5%. #1f6896 color hex could be obtained by blending #3ed0ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 41
- B 59
RGB color chart
- C 79
- M 31
- Y 0
- K 41
CMYK color chart

● #1f6896 color description : Dark blue.

The hexadecimal color #1f6896 has RGB values of R:31, G:104, B:150 and CMYK values of C:0.79, M:0.31, Y:0, K:0.41. Its decimal value is 2058390.

Hex triplet	1f6896	`#1f6896`
RGB Decimal	31, 104, 150	`rgb(31,104,150)`
RGB Percent	12.2, 40.8, 58.8	`rgb(12.2%,40.8%,58.8%)`
CMYK	79, 31, 0, 41
HSL	203.2°, 65.7, 35.5	`hsl(203.2,65.7%,35.5%)`
HSV (or HSB)	203.2°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	41.834, -5.482, -31.381
XYZ	11.019, 12.393, 30.664
xyY	0.204, 0.229, 12.393
CIE-LCH	41.834, 31.856, 260.091
CIE-LUV	41.834, -24.624, -44.741
Hunter-Lab	35.204, -5.734, -27.001
Binary	00011111, 01101000, 10010110

#1f6896
```
#1f6896 rgb(31,104,150)
```
#964d1f
```
#964d1f rgb(150,77,31)
```

Complementary Color

#1f9689
```
#1f9689 rgb(31,150,137)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#1f2c96
```
#1f2c96 rgb(31,44,150)
```

Analogous Color

#96891f
```
#96891f rgb(150,137,31)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#961f2d
```
#961f2d rgb(150,31,45)
```

Split Complementary Color

#68961f
```
#68961f rgb(104,150,31)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#961f68
```
#961f68 rgb(150,31,104)
```

Triadic Color

#1f964d
```
#1f964d rgb(31,150,77)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#961f68
```
#961f68 rgb(150,31,104)
```
#964d1f
```
#964d1f rgb(150,77,31)
```

Tetradic Color

#123c57
```
#123c57 rgb(18,60,87)
```
#164b6c
```
#164b6c rgb(22,75,108)
```
#1b5981
```
#1b5981 rgb(27,89,129)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#2377ab
```
#2377ab rgb(35,119,171)
```
#2885c0
```
#2885c0 rgb(40,133,192)
```
#2e94d4
```
#2e94d4 rgb(46,148,212)
```

Monochromatic Color

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

#1f8696
```
#1f8696 rgb(31,134,150)
```
#1f7c96
```
#1f7c96 rgb(31,124,150)
```
#1f7296
```
#1f7296 rgb(31,114,150)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#1f5e96
```
#1f5e96 rgb(31,94,150)
```
#1f5496
```
#1f5496 rgb(31,84,150)
```
#1f4a96
```
#1f4a96 rgb(31,74,150)
```

Similar Colors

Text with hexadecimal color #1f6896

This text has a font color of #1f6896.

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

#1f6896 background color

This paragraph has a background color of #1f6896.

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

#1f6896 border color

This element has a border color of #1f6896.

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

CSS codes

.text {color:#1f6896;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071924
```
#071924 rgb(7,25,36)
```
#0b2434
```
#0b2434 rgb(11,36,52)
```
#0e3045
```
#0e3045 rgb(14,48,69)
```
#123b55
```
#123b55 rgb(18,59,85)
```
#154665
```
#154665 rgb(21,70,101)
```
#185175
```
#185175 rgb(24,81,117)
```
#1c5d86
```
#1c5d86 rgb(28,93,134)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#2273a6
```
#2273a6 rgb(34,115,166)
```
#267fb7
```
#267fb7 rgb(38,127,183)
```
#298ac7
```
#298ac7 rgb(41,138,199)
```

Shade Color Variation

#2f94d4
```
#2f94d4 rgb(47,148,212)
```
#409dd7
```
#409dd7 rgb(64,157,215)
```
#50a5db
```
#50a5db rgb(80,165,219)
```
#60adde
```
#60adde rgb(96,173,222)
```
#70b6e2
```
#70b6e2 rgb(112,182,226)
```
#81bee5
```
#81bee5 rgb(129,190,229)
```
#91c6e8
```
#91c6e8 rgb(145,198,232)
```
#a1cfec
```
#a1cfec rgb(161,207,236)
```
#b1d7ef
```
#b1d7ef rgb(177,215,239)
```
#c2e0f2
```
#c2e0f2 rgb(194,224,242)
```
#d2e8f6
```
#d2e8f6 rgb(210,232,246)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b5e is the less saturated color, while #036eb2 is the most saturated one.

#575b5e
```
#575b5e rgb(87,91,94)
```
#505d65
```
#505d65 rgb(80,93,101)
```
#495f6c
```
#495f6c rgb(73,95,108)
```
#426073
```
#426073 rgb(66,96,115)
```
#3b627a
```
#3b627a rgb(59,98,122)
```
#346381
```
#346381 rgb(52,99,129)
```
#2d6588
```
#2d6588 rgb(45,101,136)
```
#26668f
```
#26668f rgb(38,102,143)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#186a9d
```
#186a9d rgb(24,106,157)
```
#116ba4
```
#116ba4 rgb(17,107,164)
```
#0a6dab
```
#0a6dab rgb(10,109,171)
```
#036eb2
```
#036eb2 rgb(3,110,178)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6996 Protanopia 1% of men
#4f6a9d Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#456896 Protanomaly 1% of men, 0.01% of women
#3d699a Deuteranomaly 6% of men, 0.4% of women
#0b7086 Tritanomaly 0.01% of the population

#1f6896 hex color

#1f6896 Color Information

#1f6896 Color Conversion

Color Schemes with #1f6896

Alternatives to #1f6896

#1f6896 Preview

Shades and Tints of #1f6896

Tones of #1f6896

Color Blindness Simulator