#1f6197 hex color

In a RGB color space, hex #1f6197 is composed of 12.2% red, 38% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 35.8% magenta, 0% yellow and 40.8% black. It has a hue angle of 207 degrees, a saturation of 65.9% and a lightness of 35.7%. #1f6197 color hex could be obtained by blending #3ec2ff with #00002f. Closest websafe color is: #336699.

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

● #1f6197 color description : Dark blue.

The hexadecimal color #1f6197 has RGB values of R:31, G:97, B:151 and CMYK values of C:0.79, M:0.36, Y:0, K:0.41. Its decimal value is 2056599.

Hex triplet	1f6197	`#1f6197`
RGB Decimal	31, 97, 151	`rgb(31,97,151)`
RGB Percent	12.2, 38, 59.2	`rgb(12.2%,38%,59.2%)`
CMYK	79, 36, 0, 41
HSL	207°, 65.9, 35.7	`hsl(207,65.9%,35.7%)`
HSV (or HSB)	207°, 79.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	39.705, -0.773, -35.337
XYZ	10.424, 11.074, 30.865
xyY	0.199, 0.211, 11.074
CIE-LCH	39.705, 35.345, 268.747
CIE-LUV	39.705, -22.147, -50.587
Hunter-Lab	33.278, -2.321, -31.696
Binary	00011111, 01100001, 10010111

#1f6197
```
#1f6197 rgb(31,97,151)
```
#97551f
```
#97551f rgb(151,85,31)
```

Complementary Color

#1f9791
```
#1f9791 rgb(31,151,145)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#1f2597
```
#1f2597 rgb(31,37,151)
```

Analogous Color

#97911f
```
#97911f rgb(151,145,31)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#971f25
```
#971f25 rgb(151,31,37)
```

Split Complementary Color

#61971f
```
#61971f rgb(97,151,31)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#971f61
```
#971f61 rgb(151,31,97)
```

Triadic Color

#1f9755
```
#1f9755 rgb(31,151,85)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#971f61
```
#971f61 rgb(151,31,97)
```
#97551f
```
#97551f rgb(151,85,31)
```

Tetradic Color

#123858
```
#123858 rgb(18,56,88)
```
#16466d
```
#16466d rgb(22,70,109)
```
#1b5382
```
#1b5382 rgb(27,83,130)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#236fac
```
#236fac rgb(35,111,172)
```
#287cc1
```
#287cc1 rgb(40,124,193)
```
#2e8ad4
```
#2e8ad4 rgb(46,138,212)
```

Monochromatic Color

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

#1f7f97
```
#1f7f97 rgb(31,127,151)
```
#1f7597
```
#1f7597 rgb(31,117,151)
```
#1f6b97
```
#1f6b97 rgb(31,107,151)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#1f5797
```
#1f5797 rgb(31,87,151)
```
#1f4d97
```
#1f4d97 rgb(31,77,151)
```
#1f4397
```
#1f4397 rgb(31,67,151)
```

Similar Colors

Text with hexadecimal color #1f6197

This text has a font color of #1f6197.

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

#1f6197 background color

This paragraph has a background color of #1f6197.

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

#1f6197 border color

This element has a border color of #1f6197.

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

CSS codes

.text {color:#1f6197;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040d15
```
#040d15 rgb(4,13,21)
```
#081825
```
#081825 rgb(8,24,37)
```
#0b2235
```
#0b2235 rgb(11,34,53)
```
#0e2d46
```
#0e2d46 rgb(14,45,70)
```
#123756
```
#123756 rgb(18,55,86)
```
#154266
```
#154266 rgb(21,66,102)
```
#184c76
```
#184c76 rgb(24,76,118)
```
#1c5787
```
#1c5787 rgb(28,87,135)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#226ba7
```
#226ba7 rgb(34,107,167)
```
#2676b8
```
#2676b8 rgb(38,118,184)
```
#2980c8
```
#2980c8 rgb(41,128,200)
```

Shade Color Variation

#308ad4
```
#308ad4 rgb(48,138,212)
```
#4094d8
```
#4094d8 rgb(64,148,216)
```
#519ddb
```
#519ddb rgb(81,157,219)
```
#61a6df
```
#61a6df rgb(97,166,223)
```
#71afe2
```
#71afe2 rgb(113,175,226)
```
#81b8e5
```
#81b8e5 rgb(129,184,229)
```
#92c1e9
```
#92c1e9 rgb(146,193,233)
```
#a2cbec
```
#a2cbec rgb(162,203,236)
```
#b2d4ef
```
#b2d4ef rgb(178,212,239)
```
#c2ddf3
```
#c2ddf3 rgb(194,221,243)
```
#d3e6f6
```
#d3e6f6 rgb(211,230,246)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#575b5f
```
#575b5f rgb(87,91,95)
```
#505c66
```
#505c66 rgb(80,92,102)
```
#495d6d
```
#495d6d rgb(73,93,109)
```
#425e74
```
#425e74 rgb(66,94,116)
```
#3b5e7b
```
#3b5e7b rgb(59,94,123)
```
#345f82
```
#345f82 rgb(52,95,130)
```
#2d6089
```
#2d6089 rgb(45,96,137)
```
#266090
```
#266090 rgb(38,96,144)
```
#1f6197
```
#1f6197 rgb(31,97,151)
```
#18629e
```
#18629e rgb(24,98,158)
```
#1162a5
```
#1162a5 rgb(17,98,165)
```
#0a63ac
```
#0a63ac rgb(10,99,172)
```
#0364b3
```
#0364b3 rgb(3,100,179)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516498 Protanopia 1% of men
#41669d Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3e6397 Protanomaly 1% of men, 0.01% of women
#34649b Deuteranomaly 6% of men, 0.4% of women
#0b6a82 Tritanomaly 0.01% of the population

#1f6197 hex color

#1f6197 Color Information

#1f6197 Color Conversion

Color Schemes with #1f6197

Alternatives to #1f6197

#1f6197 Preview

Shades and Tints of #1f6197

Tones of #1f6197

Color Blindness Simulator