#1f707c hex color

In a RGB color space, hex #1f707c is composed of 12.2% red, 43.9% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 9.7% magenta, 0% yellow and 51.4% black. It has a hue angle of 187.7 degrees, a saturation of 60% and a lightness of 30.4%. #1f707c color hex could be obtained by blending #3ee0f8 with #000000. Closest websafe color is: #336666.

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

● #1f707c color description : Dark cyan.

The hexadecimal color #1f707c has RGB values of R:31, G:112, B:124 and CMYK values of C:0.75, M:0.1, Y:0, K:0.51. Its decimal value is 2060412.

Hex triplet	1f707c	`#1f707c`
RGB Decimal	31, 112, 124	`rgb(31,112,124)`
RGB Percent	12.2, 43.9, 48.6	`rgb(12.2%,43.9%,48.6%)`
CMYK	75, 10, 0, 51
HSL	187.7°, 60, 30.4	`hsl(187.7,60%,30.4%)`
HSV (or HSB)	187.7°, 75, 48.6
Web Safe	336666	`#336666`

CIE-LAB	43.262, -19.427, -13.587
XYZ	9.996, 13.334, 21.115
xyY	0.225, 0.3, 13.334
CIE-LCH	43.262, 23.707, 214.968
CIE-LUV	43.262, -28.999, -16.488
Hunter-Lab	36.516, -15.038, -8.722
Binary	00011111, 01110000, 01111100

#1f707c
```
#1f707c rgb(31,112,124)
```
#7c2b1f
```
#7c2b1f rgb(124,43,31)
```

Complementary Color

#1f7c59
```
#1f7c59 rgb(31,124,89)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#1f427c
```
#1f427c rgb(31,66,124)
```

Analogous Color

#7c591f
```
#7c591f rgb(124,89,31)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#7c1f42
```
#7c1f42 rgb(124,31,66)
```

Split Complementary Color

#707c1f
```
#707c1f rgb(112,124,31)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#7c1f70
```
#7c1f70 rgb(124,31,112)
```

Triadic Color

#1f7c2b
```
#1f7c2b rgb(31,124,43)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#7c1f70
```
#7c1f70 rgb(124,31,112)
```
#7c2b1f
```
#7c2b1f rgb(124,43,31)
```

Tetradic Color

#10393f
```
#10393f rgb(16,57,63)
```
#154b53
```
#154b53 rgb(21,75,83)
```
#1a5e68
```
#1a5e68 rgb(26,94,104)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#248290
```
#248290 rgb(36,130,144)
```
#2995a5
```
#2995a5 rgb(41,149,165)
```
#2ea7b9
```
#2ea7b9 rgb(46,167,185)
```

Monochromatic Color

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

#1f7c71
```
#1f7c71 rgb(31,124,113)
```
#1f7c79
```
#1f7c79 rgb(31,124,121)
```
#1f787c
```
#1f787c rgb(31,120,124)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#1f687c
```
#1f687c rgb(31,104,124)
```
#1f617c
```
#1f617c rgb(31,97,124)
```
#1f597c
```
#1f597c rgb(31,89,124)
```

Similar Colors

Text with hexadecimal color #1f707c

This text has a font color of #1f707c.

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

#1f707c background color

This paragraph has a background color of #1f707c.

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

#1f707c border color

This element has a border color of #1f707c.

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

CSS codes

.text {color:#1f707c;}

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

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

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, #040d0e is the darkest color, while #fdfeff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#071b1e
```
#071b1e rgb(7,27,30)
```
#0b292e
```
#0b292e rgb(11,41,46)
```
#0f373d
```
#0f373d rgb(15,55,61)
```
#13454d
```
#13454d rgb(19,69,77)
```
#17545d
```
#17545d rgb(23,84,93)
```
#1b626c
```
#1b626c rgb(27,98,108)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#237e8c
```
#237e8c rgb(35,126,140)
```
#278c9b
```
#278c9b rgb(39,140,155)
```
#2b9bab
```
#2b9bab rgb(43,155,171)
```
#2fa9bb
```
#2fa9bb rgb(47,169,187)
```
#33b7ca
```
#33b7ca rgb(51,183,202)
```

Shade Color Variation

#41bdd0
```
#41bdd0 rgb(65,189,208)
```
#51c3d3
```
#51c3d3 rgb(81,195,211)
```
#61c8d7
```
#61c8d7 rgb(97,200,215)
```
#70cddb
```
#70cddb rgb(112,205,219)
```
#80d3df
```
#80d3df rgb(128,211,223)
```
#90d8e3
```
#90d8e3 rgb(144,216,227)
```
#9fdee7
```
#9fdee7 rgb(159,222,231)
```
#afe3eb
```
#afe3eb rgb(175,227,235)
```
#bfe9ef
```
#bfe9ef rgb(191,233,239)
```
#ceeef3
```
#ceeef3 rgb(206,238,243)
```
#def4f7
```
#def4f7 rgb(222,244,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#495152
```
#495152 rgb(73,81,82)
```
#435558
```
#435558 rgb(67,85,88)
```
#3d5a5e
```
#3d5a5e rgb(61,90,94)
```
#375e64
```
#375e64 rgb(55,94,100)
```
#31636a
```
#31636a rgb(49,99,106)
```
#2b6770
```
#2b6770 rgb(43,103,112)
```
#256c76
```
#256c76 rgb(37,108,118)
```
#1f707c
```
#1f707c rgb(31,112,124)
```
#197482
```
#197482 rgb(25,116,130)
```
#137988
```
#137988 rgb(19,121,136)
```
#0d7d8e
```
#0d7d8e rgb(13,125,142)
```
#078294
```
#078294 rgb(7,130,148)
```
#01869a
```
#01869a rgb(1,134,154)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6d7c Protanopia 1% of men
#6a6c87 Deuteranopia 1% of men
#287780 Tritanopia 0.001% of the population

Trichromacy

#4f6e7c Protanomaly 1% of men, 0.01% of women
#4f6d83 Deuteranomaly 6% of men, 0.4% of women
#25747e Tritanomaly 0.01% of the population

#1f707c hex color

#1f707c Color Information

#1f707c Color Conversion

Color Schemes with #1f707c

Alternatives to #1f707c

#1f707c Preview

Shades and Tints of #1f707c

Tones of #1f707c

Color Blindness Simulator