#1f7083 hex color

In a RGB color space, hex #1f7083 is composed of 12.2% red, 43.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 14.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 191.4 degrees, a saturation of 61.7% and a lightness of 31.8%. #1f7083 color hex could be obtained by blending #3ee0ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 44
- B 51
RGB color chart
- C 76
- M 15
- Y 0
- K 49
CMYK color chart

● #1f7083 color description : Dark cyan.

The hexadecimal color #1f7083 has RGB values of R:31, G:112, B:131 and CMYK values of C:0.76, M:0.15, Y:0, K:0.49. Its decimal value is 2060419.

Hex triplet	1f7083	`#1f7083`
RGB Decimal	31, 112, 131	`rgb(31,112,131)`
RGB Percent	12.2, 43.9, 51.4	`rgb(12.2%,43.9%,51.4%)`
CMYK	76, 15, 0, 49
HSL	191.4°, 61.7, 31.8	`hsl(191.4,61.7%,31.8%)`
HSV (or HSB)	191.4°, 76.3, 51.4
Web Safe	336699	`#336699`

CIE-LAB	43.533, -17.038, -17.376
XYZ	10.455, 13.517, 23.53
xyY	0.22, 0.285, 13.517
CIE-LCH	43.533, 24.335, 225.562
CIE-LUV	43.533, -28.572, -22.452
Hunter-Lab	36.766, -13.582, -12.208
Binary	00011111, 01110000, 10000011

#1f7083
```
#1f7083 rgb(31,112,131)
```
#83321f
```
#83321f rgb(131,50,31)
```

Complementary Color

#1f8364
```
#1f8364 rgb(31,131,100)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#1f3e83
```
#1f3e83 rgb(31,62,131)
```

Analogous Color

#83641f
```
#83641f rgb(131,100,31)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#831f3e
```
#831f3e rgb(131,31,62)
```

Split Complementary Color

#70831f
```
#70831f rgb(112,131,31)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#831f70
```
#831f70 rgb(131,31,112)
```

Triadic Color

#1f8332
```
#1f8332 rgb(31,131,50)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#831f70
```
#831f70 rgb(131,31,112)
```
#83321f
```
#83321f rgb(131,50,31)
```

Tetradic Color

#103b45
```
#103b45 rgb(16,59,69)
```
#154d5a
```
#154d5a rgb(21,77,90)
```
#1a5e6e
```
#1a5e6e rgb(26,94,110)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#248298
```
#248298 rgb(36,130,152)
```
#2993ac
```
#2993ac rgb(41,147,172)
```
#2ea5c1
```
#2ea5c1 rgb(46,165,193)
```

Monochromatic Color

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

#1f837d
```
#1f837d rgb(31,131,125)
```
#1f8183
```
#1f8183 rgb(31,129,131)
```
#1f7883
```
#1f7883 rgb(31,120,131)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#1f6883
```
#1f6883 rgb(31,104,131)
```
#1f5f83
```
#1f5f83 rgb(31,95,131)
```
#1f5783
```
#1f5783 rgb(31,87,131)
```

Similar Colors

Text with hexadecimal color #1f7083

This text has a font color of #1f7083.

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

#1f7083 background color

This paragraph has a background color of #1f7083.

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

#1f7083 border color

This element has a border color of #1f7083.

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

CSS codes

.text {color:#1f7083;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051114
```
#051114 rgb(5,17,20)
```
#081f24
```
#081f24 rgb(8,31,36)
```
#0c2c34
```
#0c2c34 rgb(12,44,52)
```
#103a44
```
#103a44 rgb(16,58,68)
```
#144753
```
#144753 rgb(20,71,83)
```
#175563
```
#175563 rgb(23,85,99)
```
#1b6273
```
#1b6273 rgb(27,98,115)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#237e93
```
#237e93 rgb(35,126,147)
```
#278ba3
```
#278ba3 rgb(39,139,163)
```
#2a99b3
```
#2a99b3 rgb(42,153,179)
```
#2ea6c2
```
#2ea6c2 rgb(46,166,194)
```

Shade Color Variation

#35b2cf
```
#35b2cf rgb(53,178,207)
```
#45b8d3
```
#45b8d3 rgb(69,184,211)
```
#55bed7
```
#55bed7 rgb(85,190,215)
```
#64c4da
```
#64c4da rgb(100,196,218)
```
#74cade
```
#74cade rgb(116,202,222)
```
#84d0e2
```
#84d0e2 rgb(132,208,226)
```
#94d6e6
```
#94d6e6 rgb(148,214,230)
```
#a4dce9
```
#a4dce9 rgb(164,220,233)
```
#b4e2ed
```
#b4e2ed rgb(180,226,237)
```
#c4e8f1
```
#c4e8f1 rgb(196,232,241)
```
#d4eef5
```
#d4eef5 rgb(212,238,245)
```
#e3f4f8
```
#e3f4f8 rgb(227,244,248)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515151 is the less saturated color, while #067f9c is the most saturated one.

#515151
```
#515151 rgb(81,81,81)
```
#4b5557
```
#4b5557 rgb(75,85,87)
```
#44595e
```
#44595e rgb(68,89,94)
```
#3e5d64
```
#3e5d64 rgb(62,93,100)
```
#38616a
```
#38616a rgb(56,97,106)
```
#326470
```
#326470 rgb(50,100,112)
```
#2b6877
```
#2b6877 rgb(43,104,119)
```
#256c7d
```
#256c7d rgb(37,108,125)
```
#1f7083
```
#1f7083 rgb(31,112,131)
```
#197489
```
#197489 rgb(25,116,137)
```
#13788f
```
#13788f rgb(19,120,143)
```
#0c7c96
```
#0c7c96 rgb(12,124,150)
```
#067f9c
```
#067f9c rgb(6,127,156)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696d83 Protanopia 1% of men
#676d8d Deuteranopia 1% of men
#227881 Tritanopia 0.001% of the population

Trichromacy

#4e6e83 Protanomaly 1% of men, 0.01% of women
#4d6e89 Deuteranomaly 6% of men, 0.4% of women
#217582 Tritanomaly 0.01% of the population

#1f7083 hex color

#1f7083 Color Information

#1f7083 Color Conversion

Color Schemes with #1f7083

Alternatives to #1f7083

#1f7083 Preview

Shades and Tints of #1f7083

Tones of #1f7083

Color Blindness Simulator