#1f6396 hex color

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

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

● #1f6396 color description : Dark blue.

The hexadecimal color #1f6396 has RGB values of R:31, G:99, B:150 and CMYK values of C:0.79, M:0.34, Y:0, K:0.41. Its decimal value is 2057110.

Hex triplet	1f6396	`#1f6396`
RGB Decimal	31, 99, 150	`rgb(31,99,150)`
RGB Percent	12.2, 38.8, 58.8	`rgb(12.2%,38.8%,58.8%)`
CMYK	79, 34, 0, 41
HSL	205.7°, 65.7, 35.5	`hsl(205.7,65.7%,35.5%)`
HSV (or HSB)	205.7°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	40.273, -2.409, -33.841
XYZ	10.531, 11.416, 30.501
xyY	0.201, 0.218, 11.416
CIE-LCH	40.273, 33.926, 265.929
CIE-LUV	40.273, -22.879, -48.355
Hunter-Lab	33.788, -3.496, -29.871
Binary	00011111, 01100011, 10010110

#1f6396
```
#1f6396 rgb(31,99,150)
```
#96521f
```
#96521f rgb(150,82,31)
```

Complementary Color

#1f968e
```
#1f968e rgb(31,150,142)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#1f2896
```
#1f2896 rgb(31,40,150)
```

Analogous Color

#968e1f
```
#968e1f rgb(150,142,31)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#961f28
```
#961f28 rgb(150,31,40)
```

Split Complementary Color

#63961f
```
#63961f rgb(99,150,31)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#961f63
```
#961f63 rgb(150,31,99)
```

Triadic Color

#1f9652
```
#1f9652 rgb(31,150,82)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#961f63
```
#961f63 rgb(150,31,99)
```
#96521f
```
#96521f rgb(150,82,31)
```

Tetradic Color

#123957
```
#123957 rgb(18,57,87)
```
#16476c
```
#16476c rgb(22,71,108)
```
#1b5581
```
#1b5581 rgb(27,85,129)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#2371ab
```
#2371ab rgb(35,113,171)
```
#287fc0
```
#287fc0 rgb(40,127,192)
```
#2e8dd4
```
#2e8dd4 rgb(46,141,212)
```

Monochromatic Color

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

#1f8196
```
#1f8196 rgb(31,129,150)
```
#1f7796
```
#1f7796 rgb(31,119,150)
```
#1f6d96
```
#1f6d96 rgb(31,109,150)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#1f5996
```
#1f5996 rgb(31,89,150)
```
#1f4f96
```
#1f4f96 rgb(31,79,150)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```

Similar Colors

Text with hexadecimal color #1f6396

This text has a font color of #1f6396.

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

#1f6396 background color

This paragraph has a background color of #1f6396.

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

#1f6396 border color

This element has a border color of #1f6396.

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

CSS codes

.text {color:#1f6396;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040d14
```
#040d14 rgb(4,13,20)
```
#071824
```
#071824 rgb(7,24,36)
```
#0b2334
```
#0b2334 rgb(11,35,52)
```
#0e2d45
```
#0e2d45 rgb(14,45,69)
```
#123855
```
#123855 rgb(18,56,85)
```
#154365
```
#154365 rgb(21,67,101)
```
#184e75
```
#184e75 rgb(24,78,117)
```
#1c5886
```
#1c5886 rgb(28,88,134)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#226ea6
```
#226ea6 rgb(34,110,166)
```
#2678b7
```
#2678b7 rgb(38,120,183)
```
#2983c7
```
#2983c7 rgb(41,131,199)
```

Shade Color Variation

#2f8dd4
```
#2f8dd4 rgb(47,141,212)
```
#4096d7
```
#4096d7 rgb(64,150,215)
```
#509fdb
```
#509fdb rgb(80,159,219)
```
#60a8de
```
#60a8de rgb(96,168,222)
```
#70b1e2
```
#70b1e2 rgb(112,177,226)
```
#81bae5
```
#81bae5 rgb(129,186,229)
```
#91c3e8
```
#91c3e8 rgb(145,195,232)
```
#a1ccec
```
#a1ccec rgb(161,204,236)
```
#b1d5ef
```
#b1d5ef rgb(177,213,239)
```
#c2ddf2
```
#c2ddf2 rgb(194,221,242)
```
#d2e6f6
```
#d2e6f6 rgb(210,230,246)
```
#e2eff9
```
#e2eff9 rgb(226,239,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,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 #0367b2 is the most saturated one.

#575b5e
```
#575b5e rgb(87,91,94)
```
#505c65
```
#505c65 rgb(80,92,101)
```
#495d6c
```
#495d6c rgb(73,93,108)
```
#425e73
```
#425e73 rgb(66,94,115)
```
#3b5f7a
```
#3b5f7a rgb(59,95,122)
```
#346081
```
#346081 rgb(52,96,129)
```
#2d6188
```
#2d6188 rgb(45,97,136)
```
#26628f
```
#26628f rgb(38,98,143)
```
#1f6396
```
#1f6396 rgb(31,99,150)
```
#18649d
```
#18649d rgb(24,100,157)
```
#1165a4
```
#1165a4 rgb(17,101,164)
```
#0a66ab
```
#0a66ab rgb(10,102,171)
```
#0367b2
```
#0367b2 rgb(3,103,178)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#495761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546597 Protanopia 1% of men
#46679d Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#406496 Protanomaly 1% of men, 0.01% of women
#37659a Deuteranomaly 6% of men, 0.4% of women
#0b6c83 Tritanomaly 0.01% of the population

#1f6396 hex color

#1f6396 Color Information

#1f6396 Color Conversion

Color Schemes with #1f6396

Alternatives to #1f6396

#1f6396 Preview

Shades and Tints of #1f6396

Tones of #1f6396

Color Blindness Simulator