colorhexa.com

#1f7198 hex color

In a RGB color space, hex #1f7198 is composed of 12.2% red, 44.3% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 25.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 199.3 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f7198 color hex could be obtained by blending #3ee2ff with #000031. Closest websafe color is: #336699.

- R 12
- G 44
- B 60
RGB color chart
- C 80
- M 26
- Y 0
- K 40
CMYK color chart

● #1f7198 color description : Dark blue.

The hexadecimal color #1f7198 has RGB values of R:31, G:113, B:152 and CMYK values of C:0.8, M:0.26, Y:0, K:0.4. Its decimal value is 2060696.

Hex triplet	1f7198	`#1f7198`
RGB Decimal	31, 113, 152	`rgb(31,113,152)`
RGB Percent	12.2, 44.3, 59.6	`rgb(12.2%,44.3%,59.6%)`
CMYK	80, 26, 0, 40
HSL	199.3°, 66.1, 35.9	`hsl(199.3,66.1%,35.9%)`
HSV (or HSB)	199.3°, 79.6, 59.6
Web Safe	336699	`#336699`

CIE-LAB	44.755, -10.098, -27.996
XYZ	12.136, 14.367, 31.838
xyY	0.208, 0.246, 14.367
CIE-LCH	44.755, 29.761, 250.165
CIE-LUV	44.755, -27.707, -39.682
Hunter-Lab	37.904, -9.181, -23.267
Binary	00011111, 01110001, 10011000

#1f7198
```
#1f7198 rgb(31,113,152)
```
#98461f
```
#98461f rgb(152,70,31)
```

Complementary Color

#1f9883
```
#1f9883 rgb(31,152,131)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#1f3498
```
#1f3498 rgb(31,52,152)
```

Analogous Color

#98831f
```
#98831f rgb(152,131,31)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#981f35
```
#981f35 rgb(152,31,53)
```

Split Complementary Color

#71981f
```
#71981f rgb(113,152,31)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#981f71
```
#981f71 rgb(152,31,113)
```

Triadic Color

#1f9846
```
#1f9846 rgb(31,152,70)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#981f71
```
#981f71 rgb(152,31,113)
```
#98461f
```
#98461f rgb(152,70,31)
```

Tetradic Color

#124258
```
#124258 rgb(18,66,88)
```
#16526e
```
#16526e rgb(22,82,110)
```
#1b6183
```
#1b6183 rgb(27,97,131)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#2381ad
```
#2381ad rgb(35,129,173)
```
#2890c2
```
#2890c2 rgb(40,144,194)
```
#2f9fd5
```
#2f9fd5 rgb(47,159,213)
```

Monochromatic Color

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

#1f8f98
```
#1f8f98 rgb(31,143,152)
```
#1f8598
```
#1f8598 rgb(31,133,152)
```
#1f7b98
```
#1f7b98 rgb(31,123,152)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#1f6798
```
#1f6798 rgb(31,103,152)
```
#1f5d98
```
#1f5d98 rgb(31,93,152)
```
#1f5398
```
#1f5398 rgb(31,83,152)
```

Similar Colors

Text with hexadecimal color #1f7198

This text has a font color of #1f7198.

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

#1f7198 background color

This paragraph has a background color of #1f7198.

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

#1f7198 border color

This element has a border color of #1f7198.

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

CSS codes

.text {color:#1f7198;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041016
```
#041016 rgb(4,16,22)
```
#081c26
```
#081c26 rgb(8,28,38)
```
#0b2836
```
#0b2836 rgb(11,40,54)
```
#0e3447
```
#0e3447 rgb(14,52,71)
```
#124157
```
#124157 rgb(18,65,87)
```
#154d67
```
#154d67 rgb(21,77,103)
```
#185977
```
#185977 rgb(24,89,119)
```
#1c6588
```
#1c6588 rgb(28,101,136)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#227da8
```
#227da8 rgb(34,125,168)
```
#2689b9
```
#2689b9 rgb(38,137,185)
```
#2995c9
```
#2995c9 rgb(41,149,201)
```

Shade Color Variation

#31a0d5
```
#31a0d5 rgb(49,160,213)
```
#41a7d8
```
#41a7d8 rgb(65,167,216)
```
#51afdc
```
#51afdc rgb(81,175,220)
```
#61b6df
```
#61b6df rgb(97,182,223)
```
#72bee2
```
#72bee2 rgb(114,190,226)
```
#82c5e6
```
#82c5e6 rgb(130,197,230)
```
#92cde9
```
#92cde9 rgb(146,205,233)
```
#a3d4ec
```
#a3d4ec rgb(163,212,236)
```
#b3dcef
```
#b3dcef rgb(179,220,239)
```
#c3e3f3
```
#c3e3f3 rgb(195,227,243)
```
#d3ebf6
```
#d3ebf6 rgb(211,235,246)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#575d60
```
#575d60 rgb(87,93,96)
```
#505f67
```
#505f67 rgb(80,95,103)
```
#49626e
```
#49626e rgb(73,98,110)
```
#426475
```
#426475 rgb(66,100,117)
```
#3b677c
```
#3b677c rgb(59,103,124)
```
#346983
```
#346983 rgb(52,105,131)
```
#2d6c8a
```
#2d6c8a rgb(45,108,138)
```
#266e91
```
#266e91 rgb(38,110,145)
```
#1f7198
```
#1f7198 rgb(31,113,152)
```
#18749f
```
#18749f rgb(24,116,159)
```
#1176a6
```
#1176a6 rgb(17,118,166)
```
#0a79ad
```
#0a79ad rgb(10,121,173)
```
#037bb4
```
#037bb4 rgb(3,123,180)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#516169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657097 Protanopia 1% of men
#5c70a0 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#4b7097 Protanomaly 1% of men, 0.01% of women
#46709d Deuteranomaly 6% of men, 0.4% of women
#0b788c Tritanomaly 0.01% of the population