#1f7193 hex color

In a RGB color space, hex #1f7193 is composed of 12.2% red, 44.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 23.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 197.6 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f7193 color hex could be obtained by blending #3ee2ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 44
- B 58
RGB color chart
- C 79
- M 23
- Y 0
- K 42
CMYK color chart

● #1f7193 color description : Dark blue.

The hexadecimal color #1f7193 has RGB values of R:31, G:113, B:147 and CMYK values of C:0.79, M:0.23, Y:0, K:0.42. Its decimal value is 2060691.

Hex triplet	1f7193	`#1f7193`
RGB Decimal	31, 113, 147	`rgb(31,113,147)`
RGB Percent	12.2, 44.3, 57.6	`rgb(12.2%,44.3%,57.6%)`
CMYK	79, 23, 0, 42
HSL	197.6°, 65.2, 34.9	`hsl(197.6,65.2%,34.9%)`
HSV (or HSB)	197.6°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	44.528, -11.924, -25.385
XYZ	11.735, 14.207, 29.726
xyY	0.211, 0.255, 14.207
CIE-LCH	44.528, 28.046, 244.839
CIE-LUV	44.528, -27.991, -35.399
Hunter-Lab	37.692, -10.387, -20.374
Binary	00011111, 01110001, 10010011

#1f7193
```
#1f7193 rgb(31,113,147)
```
#93411f
```
#93411f rgb(147,65,31)
```

Complementary Color

#1f937b
```
#1f937b rgb(31,147,123)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#1f3793
```
#1f3793 rgb(31,55,147)
```

Analogous Color

#937b1f
```
#937b1f rgb(147,123,31)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#931f37
```
#931f37 rgb(147,31,55)
```

Split Complementary Color

#71931f
```
#71931f rgb(113,147,31)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#931f71
```
#931f71 rgb(147,31,113)
```

Triadic Color

#1f9341
```
#1f9341 rgb(31,147,65)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#931f71
```
#931f71 rgb(147,31,113)
```
#93411f
```
#93411f rgb(147,65,31)
```

Tetradic Color

#124054
```
#124054 rgb(18,64,84)
```
#165169
```
#165169 rgb(22,81,105)
```
#1b617e
```
#1b617e rgb(27,97,126)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#2381a8
```
#2381a8 rgb(35,129,168)
```
#2891bd
```
#2891bd rgb(40,145,189)
```
#2ca2d2
```
#2ca2d2 rgb(44,162,210)
```

Monochromatic Color

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

#1f8e93
```
#1f8e93 rgb(31,142,147)
```
#1f8493
```
#1f8493 rgb(31,132,147)
```
#1f7b93
```
#1f7b93 rgb(31,123,147)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#1f6793
```
#1f6793 rgb(31,103,147)
```
#1f5e93
```
#1f5e93 rgb(31,94,147)
```
#1f5493
```
#1f5493 rgb(31,84,147)
```

Similar Colors

Text with hexadecimal color #1f7193

This text has a font color of #1f7193.

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

#1f7193 background color

This paragraph has a background color of #1f7193.

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

#1f7193 border color

This element has a border color of #1f7193.

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

CSS codes

.text {color:#1f7193;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#071a22
```
#071a22 rgb(7,26,34)
```
#0b2632
```
#0b2632 rgb(11,38,50)
```
#0e3342
```
#0e3342 rgb(14,51,66)
```
#113f52
```
#113f52 rgb(17,63,82)
```
#154c62
```
#154c62 rgb(21,76,98)
```
#185873
```
#185873 rgb(24,88,115)
```
#1c6583
```
#1c6583 rgb(28,101,131)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#227da3
```
#227da3 rgb(34,125,163)
```
#268ab3
```
#268ab3 rgb(38,138,179)
```
#2996c4
```
#2996c4 rgb(41,150,196)
```

Shade Color Variation

#2ea2d3
```
#2ea2d3 rgb(46,162,211)
```
#3eaad6
```
#3eaad6 rgb(62,170,214)
```
#4eb1da
```
#4eb1da rgb(78,177,218)
```
#5eb8dd
```
#5eb8dd rgb(94,184,221)
```
#6ebfe1
```
#6ebfe1 rgb(110,191,225)
```
#7fc6e4
```
#7fc6e4 rgb(127,198,228)
```
#8fcde7
```
#8fcde7 rgb(143,205,231)
```
#9fd5eb
```
#9fd5eb rgb(159,213,235)
```
#afdcee
```
#afdcee rgb(175,220,238)
```
#bfe3f2
```
#bfe3f2 rgb(191,227,242)
```
#d0eaf5
```
#d0eaf5 rgb(208,234,245)
```
#e0f1f8
```
#e0f1f8 rgb(224,241,248)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5c is the less saturated color, while #047cae is the most saturated one.

#565a5c
```
#565a5c rgb(86,90,92)
```
#4f5d63
```
#4f5d63 rgb(79,93,99)
```
#48606a
```
#48606a rgb(72,96,106)
```
#416371
```
#416371 rgb(65,99,113)
```
#3a6678
```
#3a6678 rgb(58,102,120)
```
#34697e
```
#34697e rgb(52,105,126)
```
#2d6b85
```
#2d6b85 rgb(45,107,133)
```
#266e8c
```
#266e8c rgb(38,110,140)
```
#1f7193
```
#1f7193 rgb(31,113,147)
```
#18749a
```
#18749a rgb(24,116,154)
```
#1177a1
```
#1177a1 rgb(17,119,161)
```
#0a79a8
```
#0a79a8 rgb(10,121,168)
```
#047cae
```
#047cae rgb(4,124,174)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666f92 Protanopia 1% of men
#5f709b Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#4c7092 Protanomaly 1% of men, 0.01% of women
#487098 Deuteranomaly 6% of men, 0.4% of women
#0b788a Tritanomaly 0.01% of the population

#1f7193 hex color

#1f7193 Color Information

#1f7193 Color Conversion

Color Schemes with #1f7193

Alternatives to #1f7193

#1f7193 Preview

Shades and Tints of #1f7193

Tones of #1f7193

Color Blindness Simulator