#1f7293 hex color

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

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

● #1f7293 color description : Dark blue.

The hexadecimal color #1f7293 has RGB values of R:31, G:114, B:147 and CMYK values of C:0.79, M:0.22, Y:0, K:0.42. Its decimal value is 2060947.

Hex triplet	1f7293	`#1f7293`
RGB Decimal	31, 114, 147	`rgb(31,114,147)`
RGB Percent	12.2, 44.7, 57.6	`rgb(12.2%,44.7%,57.6%)`
CMYK	79, 22, 0, 42
HSL	197.1°, 65.2, 34.9	`hsl(197.1,65.2%,34.9%)`
HSV (or HSB)	197.1°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	44.845, -12.499, -24.893
XYZ	11.847, 14.431, 29.763
xyY	0.211, 0.258, 14.431
CIE-LCH	44.845, 27.855, 243.337
CIE-LUV	44.845, -28.352, -34.627
Hunter-Lab	37.989, -10.812, -19.86
Binary	00011111, 01110010, 10010011

#1f7293
```
#1f7293 rgb(31,114,147)
```
#93401f
```
#93401f rgb(147,64,31)
```

Complementary Color

#1f937a
```
#1f937a rgb(31,147,122)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#1f3893
```
#1f3893 rgb(31,56,147)
```

Analogous Color

#937a1f
```
#937a1f rgb(147,122,31)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#931f38
```
#931f38 rgb(147,31,56)
```

Split Complementary Color

#72931f
```
#72931f rgb(114,147,31)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#931f72
```
#931f72 rgb(147,31,114)
```

Triadic Color

#1f9340
```
#1f9340 rgb(31,147,64)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#931f72
```
#931f72 rgb(147,31,114)
```
#93401f
```
#93401f rgb(147,64,31)
```

Tetradic Color

#124154
```
#124154 rgb(18,65,84)
```
#165169
```
#165169 rgb(22,81,105)
```
#1b627e
```
#1b627e rgb(27,98,126)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#2382a8
```
#2382a8 rgb(35,130,168)
```
#2893bd
```
#2893bd rgb(40,147,189)
```
#2ca3d2
```
#2ca3d2 rgb(44,163,210)
```

Monochromatic Color

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

#1f8f93
```
#1f8f93 rgb(31,143,147)
```
#1f8593
```
#1f8593 rgb(31,133,147)
```
#1f7c93
```
#1f7c93 rgb(31,124,147)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#1f6893
```
#1f6893 rgb(31,104,147)
```
#1f5f93
```
#1f5f93 rgb(31,95,147)
```
#1f5593
```
#1f5593 rgb(31,85,147)
```

Similar Colors

Text with hexadecimal color #1f7293

This text has a font color of #1f7293.

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

#1f7293 background color

This paragraph has a background color of #1f7293.

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

#1f7293 border color

This element has a border color of #1f7293.

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

CSS codes

.text {color:#1f7293;}

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

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

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)
```
#0b2732
```
#0b2732 rgb(11,39,50)
```
#0e3342
```
#0e3342 rgb(14,51,66)
```
#114052
```
#114052 rgb(17,64,82)
```
#154c62
```
#154c62 rgb(21,76,98)
```
#185973
```
#185973 rgb(24,89,115)
```
#1c6583
```
#1c6583 rgb(28,101,131)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#227fa3
```
#227fa3 rgb(34,127,163)
```
#268bb3
```
#268bb3 rgb(38,139,179)
```
#2998c4
```
#2998c4 rgb(41,152,196)
```

Shade Color Variation

#2ea4d3
```
#2ea4d3 rgb(46,164,211)
```
#3eabd6
```
#3eabd6 rgb(62,171,214)
```
#4eb2da
```
#4eb2da rgb(78,178,218)
```
#5eb9dd
```
#5eb9dd rgb(94,185,221)
```
#6ec0e1
```
#6ec0e1 rgb(110,192,225)
```
#7fc7e4
```
#7fc7e4 rgb(127,199,228)
```
#8fcee7
```
#8fcee7 rgb(143,206,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 #047eae 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)
```
#2d6c85
```
#2d6c85 rgb(45,108,133)
```
#266f8c
```
#266f8c rgb(38,111,140)
```
#1f7293
```
#1f7293 rgb(31,114,147)
```
#18759a
```
#18759a rgb(24,117,154)
```
#1178a1
```
#1178a1 rgb(17,120,161)
```
#0a7ba8
```
#0a7ba8 rgb(10,123,168)
```
#047eae
```
#047eae rgb(4,126,174)
```

Tone Color Variation

Below, you can see how #1f7293 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
#516168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677092 Protanopia 1% of men
#61709c Deuteranopia 1% of men
#007c86 Tritanopia 0.001% of the population

Trichromacy

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

#1f7293 hex color

#1f7293 Color Information

#1f7293 Color Conversion

Color Schemes with #1f7293

Alternatives to #1f7293

#1f7293 Preview

Shades and Tints of #1f7293

Tones of #1f7293

Color Blindness Simulator