#1f7093 hex color

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

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

● #1f7093 color description : Dark blue.

The hexadecimal color #1f7093 has RGB values of R:31, G:112, B:147 and CMYK values of C:0.79, M:0.24, Y:0, K:0.42. Its decimal value is 2060435.

Hex triplet	1f7093	`#1f7093`
RGB Decimal	31, 112, 147	`rgb(31,112,147)`
RGB Percent	12.2, 43.9, 57.6	`rgb(12.2%,43.9%,57.6%)`
CMYK	79, 24, 0, 42
HSL	198.1°, 65.2, 34.9	`hsl(198.1,65.2%,34.9%)`
HSV (or HSB)	198.1°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	44.212, -11.346, -25.877
XYZ	11.624, 13.985, 29.689
xyY	0.21, 0.253, 13.985
CIE-LCH	44.212, 28.255, 246.325
CIE-LUV	44.212, -27.631, -36.168
Hunter-Lab	37.397, -9.96, -20.892
Binary	00011111, 01110000, 10010011

#1f7093
```
#1f7093 rgb(31,112,147)
```
#93421f
```
#93421f rgb(147,66,31)
```

Complementary Color

#1f937c
```
#1f937c rgb(31,147,124)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#1f3693
```
#1f3693 rgb(31,54,147)
```

Analogous Color

#937c1f
```
#937c1f rgb(147,124,31)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#931f36
```
#931f36 rgb(147,31,54)
```

Split Complementary Color

#70931f
```
#70931f rgb(112,147,31)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#931f70
```
#931f70 rgb(147,31,112)
```

Triadic Color

#1f9342
```
#1f9342 rgb(31,147,66)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#931f70
```
#931f70 rgb(147,31,112)
```
#93421f
```
#93421f rgb(147,66,31)
```

Tetradic Color

#124054
```
#124054 rgb(18,64,84)
```
#165069
```
#165069 rgb(22,80,105)
```
#1b607e
```
#1b607e rgb(27,96,126)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#2380a8
```
#2380a8 rgb(35,128,168)
```
#2890bd
```
#2890bd rgb(40,144,189)
```
#2ca0d2
```
#2ca0d2 rgb(44,160,210)
```

Monochromatic Color

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

#1f8d93
```
#1f8d93 rgb(31,141,147)
```
#1f8393
```
#1f8393 rgb(31,131,147)
```
#1f7a93
```
#1f7a93 rgb(31,122,147)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#1f6693
```
#1f6693 rgb(31,102,147)
```
#1f5d93
```
#1f5d93 rgb(31,93,147)
```
#1f5393
```
#1f5393 rgb(31,83,147)
```

Similar Colors

Text with hexadecimal color #1f7093

This text has a font color of #1f7093.

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

#1f7093 background color

This paragraph has a background color of #1f7093.

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

#1f7093 border color

This element has a border color of #1f7093.

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

CSS codes

.text {color:#1f7093;}

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

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

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)
```
#0e3242
```
#0e3242 rgb(14,50,66)
```
#113f52
```
#113f52 rgb(17,63,82)
```
#154b62
```
#154b62 rgb(21,75,98)
```
#185773
```
#185773 rgb(24,87,115)
```
#1c6483
```
#1c6483 rgb(28,100,131)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#227ca3
```
#227ca3 rgb(34,124,163)
```
#2689b3
```
#2689b3 rgb(38,137,179)
```
#2995c4
```
#2995c4 rgb(41,149,196)
```

Shade Color Variation

#2ea1d3
```
#2ea1d3 rgb(46,161,211)
```
#3ea8d6
```
#3ea8d6 rgb(62,168,214)
```
#4eb0da
```
#4eb0da rgb(78,176,218)
```
#5eb7dd
```
#5eb7dd rgb(94,183,221)
```
#6ebee1
```
#6ebee1 rgb(110,190,225)
```
#7fc5e4
```
#7fc5e4 rgb(127,197,228)
```
#8fcde7
```
#8fcde7 rgb(143,205,231)
```
#9fd4eb
```
#9fd4eb rgb(159,212,235)
```
#afdbee
```
#afdbee rgb(175,219,238)
```
#bfe2f2
```
#bfe2f2 rgb(191,226,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 #047bae is the most saturated one.

#565a5c
```
#565a5c rgb(86,90,92)
```
#4f5d63
```
#4f5d63 rgb(79,93,99)
```
#48606a
```
#48606a rgb(72,96,106)
```
#416271
```
#416271 rgb(65,98,113)
```
#3a6578
```
#3a6578 rgb(58,101,120)
```
#34687e
```
#34687e rgb(52,104,126)
```
#2d6b85
```
#2d6b85 rgb(45,107,133)
```
#266d8c
```
#266d8c rgb(38,109,140)
```
#1f7093
```
#1f7093 rgb(31,112,147)
```
#18739a
```
#18739a rgb(24,115,154)
```
#1175a1
```
#1175a1 rgb(17,117,161)
```
#0a78a8
```
#0a78a8 rgb(10,120,168)
```
#047bae
```
#047bae rgb(4,123,174)
```

Tone Color Variation

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

#656f92 Protanopia 1% of men
#5e6f9b Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#4b6f92 Protanomaly 1% of men, 0.01% of women
#476f98 Deuteranomaly 6% of men, 0.4% of women
#0b7789 Tritanomaly 0.01% of the population

#1f7093 hex color

#1f7093 Color Information

#1f7093 Color Conversion

Color Schemes with #1f7093

Alternatives to #1f7093

#1f7093 Preview

Shades and Tints of #1f7093

Tones of #1f7093

Color Blindness Simulator