#1f7282 hex color

In a RGB color space, hex #1f7282 is composed of 12.2% red, 44.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 12.3% magenta, 0% yellow and 49% black. It has a hue angle of 189.7 degrees, a saturation of 61.5% and a lightness of 31.6%. #1f7282 color hex could be obtained by blending #3ee4ff with #000005. Closest websafe color is: #336699.

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

● #1f7282 color description : Dark cyan.

The hexadecimal color #1f7282 has RGB values of R:31, G:114, B:130 and CMYK values of C:0.76, M:0.12, Y:0, K:0.49. Its decimal value is 2060930.

Hex triplet	1f7282	`#1f7282`
RGB Decimal	31, 114, 130	`rgb(31,114,130)`
RGB Percent	12.2, 44.7, 51	`rgb(12.2%,44.7%,51%)`
CMYK	76, 12, 0, 49
HSL	189.7°, 61.5, 31.6	`hsl(189.7,61.5%,31.6%)`
HSV (or HSB)	189.7°, 76.2, 51
Web Safe	336699	`#336699`

CIE-LAB	44.142, -18.481, -15.846
XYZ	10.611, 13.937, 23.249
xyY	0.222, 0.292, 13.937
CIE-LCH	44.142, 24.344, 220.61
CIE-LUV	44.142, -29.374, -20.046
Hunter-Lab	37.332, -14.597, -10.791
Binary	00011111, 01110010, 10000010

#1f7282
```
#1f7282 rgb(31,114,130)
```
#822f1f
```
#822f1f rgb(130,47,31)
```

Complementary Color

#1f8261
```
#1f8261 rgb(31,130,97)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#1f4182
```
#1f4182 rgb(31,65,130)
```

Analogous Color

#82611f
```
#82611f rgb(130,97,31)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#821f41
```
#821f41 rgb(130,31,65)
```

Split Complementary Color

#72821f
```
#72821f rgb(114,130,31)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#821f72
```
#821f72 rgb(130,31,114)
```

Triadic Color

#1f822f
```
#1f822f rgb(31,130,47)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#821f72
```
#821f72 rgb(130,31,114)
```
#822f1f
```
#822f1f rgb(130,47,31)
```

Tetradic Color

#103c44
```
#103c44 rgb(16,60,68)
```
#154e59
```
#154e59 rgb(21,78,89)
```
#1a606d
```
#1a606d rgb(26,96,109)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#248497
```
#248497 rgb(36,132,151)
```
#2996ab
```
#2996ab rgb(41,150,171)
```
#2ea8c0
```
#2ea8c0 rgb(46,168,192)
```

Monochromatic Color

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

#1f8279
```
#1f8279 rgb(31,130,121)
```
#1f8282
```
#1f8282 rgb(31,130,130)
```
#1f7a82
```
#1f7a82 rgb(31,122,130)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#1f6a82
```
#1f6a82 rgb(31,106,130)
```
#1f6282
```
#1f6282 rgb(31,98,130)
```
#1f5982
```
#1f5982 rgb(31,89,130)
```

Similar Colors

Text with hexadecimal color #1f7282

This text has a font color of #1f7282.

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

#1f7282 background color

This paragraph has a background color of #1f7282.

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

#1f7282 border color

This element has a border color of #1f7282.

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

CSS codes

.text {color:#1f7282;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051113
```
#051113 rgb(5,17,19)
```
#081f23
```
#081f23 rgb(8,31,35)
```
#0c2d33
```
#0c2d33 rgb(12,45,51)
```
#103a43
```
#103a43 rgb(16,58,67)
```
#144852
```
#144852 rgb(20,72,82)
```
#175662
```
#175662 rgb(23,86,98)
```
#1b6472
```
#1b6472 rgb(27,100,114)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#238092
```
#238092 rgb(35,128,146)
```
#278ea2
```
#278ea2 rgb(39,142,162)
```
#2a9cb2
```
#2a9cb2 rgb(42,156,178)
```
#2eaac1
```
#2eaac1 rgb(46,170,193)
```

Shade Color Variation

#34b6cf
```
#34b6cf rgb(52,182,207)
```
#44bbd2
```
#44bbd2 rgb(68,187,210)
```
#54c1d6
```
#54c1d6 rgb(84,193,214)
```
#64c7da
```
#64c7da rgb(100,199,218)
```
#74cdde
```
#74cdde rgb(116,205,222)
```
#84d2e2
```
#84d2e2 rgb(132,210,226)
```
#93d8e5
```
#93d8e5 rgb(147,216,229)
```
#a3dee9
```
#a3dee9 rgb(163,222,233)
```
#b3e4ed
```
#b3e4ed rgb(179,228,237)
```
#c3e9f1
```
#c3e9f1 rgb(195,233,241)
```
#d3eff4
```
#d3eff4 rgb(211,239,244)
```
#e3f5f8
```
#e3f5f8 rgb(227,245,248)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5557 is the less saturated color, while #0087a1 is the most saturated one.

#4a5557
```
#4a5557 rgb(74,85,87)
```
#44595d
```
#44595d rgb(68,89,93)
```
#3e5d63
```
#3e5d63 rgb(62,93,99)
```
#386169
```
#386169 rgb(56,97,105)
```
#32656f
```
#32656f rgb(50,101,111)
```
#2b6a76
```
#2b6a76 rgb(43,106,118)
```
#256e7c
```
#256e7c rgb(37,110,124)
```
#1f7282
```
#1f7282 rgb(31,114,130)
```
#197688
```
#197688 rgb(25,118,136)
```
#137a8e
```
#137a8e rgb(19,122,142)
```
#0c7f95
```
#0c7f95 rgb(12,127,149)
```
#06839b
```
#06839b rgb(6,131,155)
```
#0087a1
```
#0087a1 rgb(0,135,161)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f6063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6f82 Protanopia 1% of men
#6a6e8c Deuteranopia 1% of men
#257a83 Tritanopia 0.001% of the population

Trichromacy

#507082 Protanomaly 1% of men, 0.01% of women
#4f6f88 Deuteranomaly 6% of men, 0.4% of women
#237782 Tritanomaly 0.01% of the population

#1f7282 hex color

#1f7282 Color Information

#1f7282 Color Conversion

Color Schemes with #1f7282

Alternatives to #1f7282

#1f7282 Preview

Shades and Tints of #1f7282

Tones of #1f7282

Color Blindness Simulator