#1f7f88 hex color

In a RGB color space, hex #1f7f88 is composed of 12.2% red, 49.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 6.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 185.1 degrees, a saturation of 62.9% and a lightness of 32.7%. #1f7f88 color hex could be obtained by blending #3efeff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 50
- B 53
RGB color chart
- C 77
- M 7
- Y 0
- K 47
CMYK color chart

● #1f7f88 color description : Dark cyan.

The hexadecimal color #1f7f88 has RGB values of R:31, G:127, B:136 and CMYK values of C:0.77, M:0.07, Y:0, K:0.47. Its decimal value is 2064264.

Hex triplet	1f7f88	`#1f7f88`
RGB Decimal	31, 127, 136	`rgb(31,127,136)`
RGB Percent	12.2, 49.8, 53.3	`rgb(12.2%,49.8%,53.3%)`
CMYK	77, 7, 0, 47
HSL	185.1°, 62.9, 32.7	`hsl(185.1,62.9%,32.7%)`
HSV (or HSB)	185.1°, 77.2, 53.3
Web Safe	336699	`#336699`

CIE-LAB	48.569, -23.389, -12.684
XYZ	12.597, 17.246, 25.956
xyY	0.226, 0.309, 17.246
CIE-LCH	48.569, 26.607, 208.471
CIE-LUV	48.569, -33.797, -15.022
Hunter-Lab	41.529, -18.531, -7.987
Binary	00011111, 01111111, 10001000

#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#88281f
```
#88281f rgb(136,40,31)
```

Complementary Color

#1f885d
```
#1f885d rgb(31,136,93)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#1f4a88
```
#1f4a88 rgb(31,74,136)
```

Analogous Color

#885d1f
```
#885d1f rgb(136,93,31)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#881f4b
```
#881f4b rgb(136,31,75)
```

Split Complementary Color

#7f881f
```
#7f881f rgb(127,136,31)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#881f7f
```
#881f7f rgb(136,31,127)
```

Triadic Color

#1f8828
```
#1f8828 rgb(31,136,40)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#881f7f
```
#881f7f rgb(136,31,127)
```
#88281f
```
#88281f rgb(136,40,31)
```

Tetradic Color

#11454a
```
#11454a rgb(17,69,74)
```
#16585e
```
#16585e rgb(22,88,94)
```
#1a6c73
```
#1a6c73 rgb(26,108,115)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#24929d
```
#24929d rgb(36,146,157)
```
#28a6b2
```
#28a6b2 rgb(40,166,178)
```
#2db9c6
```
#2db9c6 rgb(45,185,198)
```

Monochromatic Color

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

#1f8877
```
#1f8877 rgb(31,136,119)
```
#1f8880
```
#1f8880 rgb(31,136,128)
```
#1f8888
```
#1f8888 rgb(31,136,136)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#1f7688
```
#1f7688 rgb(31,118,136)
```
#1f6e88
```
#1f6e88 rgb(31,110,136)
```
#1f6588
```
#1f6588 rgb(31,101,136)
```

Similar Colors

Text with hexadecimal color #1f7f88

This text has a font color of #1f7f88.

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

#1f7f88 background color

This paragraph has a background color of #1f7f88.

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

#1f7f88 border color

This element has a border color of #1f7f88.

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

CSS codes

.text {color:#1f7f88;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061718
```
#061718 rgb(6,23,24)
```
#092528
```
#092528 rgb(9,37,40)
```
#0d3438
```
#0d3438 rgb(13,52,56)
```
#104348
```
#104348 rgb(16,67,72)
```
#145258
```
#145258 rgb(20,82,88)
```
#186168
```
#186168 rgb(24,97,104)
```
#1b7078
```
#1b7078 rgb(27,112,120)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#238e98
```
#238e98 rgb(35,142,152)
```
#269da8
```
#269da8 rgb(38,157,168)
```
#2aacb8
```
#2aacb8 rgb(42,172,184)
```
#2ebbc8
```
#2ebbc8 rgb(46,187,200)
```

Shade Color Variation

#38c4d2
```
#38c4d2 rgb(56,196,210)
```
#48c9d5
```
#48c9d5 rgb(72,201,213)
```
#57ced9
```
#57ced9 rgb(87,206,217)
```
#67d2dc
```
#67d2dc rgb(103,210,220)
```
#77d7e0
```
#77d7e0 rgb(119,215,224)
```
#87dce4
```
#87dce4 rgb(135,220,228)
```
#97e1e7
```
#97e1e7 rgb(151,225,231)
```
#a7e5eb
```
#a7e5eb rgb(167,229,235)
```
#b7eaef
```
#b7eaef rgb(183,234,239)
```
#c7eff2
```
#c7eff2 rgb(199,239,242)
```
#d7f3f6
```
#d7f3f6 rgb(215,243,246)
```
#e7f8fa
```
#e7f8fa rgb(231,248,250)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#525455
```
#525455 rgb(82,84,85)
```
#4c5a5b
```
#4c5a5b rgb(76,90,91)
```
#465f61
```
#465f61 rgb(70,95,97)
```
#3f6468
```
#3f6468 rgb(63,100,104)
```
#396a6e
```
#396a6e rgb(57,106,110)
```
#326f75
```
#326f75 rgb(50,111,117)
```
#2c747b
```
#2c747b rgb(44,116,123)
```
#257a82
```
#257a82 rgb(37,122,130)
```
#1f7f88
```
#1f7f88 rgb(31,127,136)
```
#19848e
```
#19848e rgb(25,132,142)
```
#128a95
```
#128a95 rgb(18,138,149)
```
#0c8f9b
```
#0c8f9b rgb(12,143,155)
```
#0594a2
```
#0594a2 rgb(5,148,162)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#55696a Atypical Achromatopsia 0.001% of the population

Dichromacy

#787987 Protanopia 1% of men
#787893 Deuteranopia 1% of men
#2b858f Tritanopia 0.001% of the population

Trichromacy

#587b87 Protanomaly 1% of men, 0.01% of women
#587a8f Deuteranomaly 6% of men, 0.4% of women
#27838c Tritanomaly 0.01% of the population

#1f7f88 hex color

#1f7f88 Color Information

#1f7f88 Color Conversion

Color Schemes with #1f7f88

Alternatives to #1f7f88

#1f7f88 Preview

Shades and Tints of #1f7f88

Tones of #1f7f88

Color Blindness Simulator