#1f8395 hex color

In a RGB color space, hex #1f8395 is composed of 12.2% red, 51.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 12.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 189.2 degrees, a saturation of 65.6% and a lightness of 35.3%. #1f8395 color hex could be obtained by blending #3effff with #00072b. Closest websafe color is: #339999.

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

● #1f8395 color description : Dark cyan.

The hexadecimal color #1f8395 has RGB values of R:31, G:131, B:149 and CMYK values of C:0.79, M:0.12, Y:0, K:0.42. Its decimal value is 2065301.

Hex triplet	1f8395	`#1f8395`
RGB Decimal	31, 131, 149	`rgb(31,131,149)`
RGB Percent	12.2, 51.4, 58.4	`rgb(12.2%,51.4%,58.4%)`
CMYK	79, 12, 0, 42
HSL	189.2°, 65.6, 35.3	`hsl(189.2,65.6%,35.3%)`
HSV (or HSB)	189.2°, 79.2, 58.4
Web Safe	339999	`#339999`

CIE-LAB	50.326, -21.171, -17.636
XYZ	14.105, 18.693, 31.297
xyY	0.22, 0.292, 18.693
CIE-LCH	50.326, 27.555, 219.796
CIE-LUV	50.326, -34.396, -23.012
Hunter-Lab	43.235, -17.428, -12.654
Binary	00011111, 10000011, 10010101

#1f8395
```
#1f8395 rgb(31,131,149)
```
#95311f
```
#95311f rgb(149,49,31)
```

Complementary Color

#1f956c
```
#1f956c rgb(31,149,108)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#1f4895
```
#1f4895 rgb(31,72,149)
```

Analogous Color

#956c1f
```
#956c1f rgb(149,108,31)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#951f48
```
#951f48 rgb(149,31,72)
```

Split Complementary Color

#83951f
```
#83951f rgb(131,149,31)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#951f83
```
#951f83 rgb(149,31,131)
```

Triadic Color

#1f9531
```
#1f9531 rgb(31,149,49)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#951f83
```
#951f83 rgb(149,31,131)
```
#95311f
```
#95311f rgb(149,49,31)
```

Tetradic Color

#124b56
```
#124b56 rgb(18,75,86)
```
#165e6b
```
#165e6b rgb(22,94,107)
```
#1b7080
```
#1b7080 rgb(27,112,128)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#2396aa
```
#2396aa rgb(35,150,170)
```
#28a8bf
```
#28a8bf rgb(40,168,191)
```
#2dbad3
```
#2dbad3 rgb(45,186,211)
```

Monochromatic Color

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

#1f958a
```
#1f958a rgb(31,149,138)
```
#1f9593
```
#1f9593 rgb(31,149,147)
```
#1f8d95
```
#1f8d95 rgb(31,141,149)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#1f7995
```
#1f7995 rgb(31,121,149)
```
#1f6f95
```
#1f6f95 rgb(31,111,149)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```

Similar Colors

Text with hexadecimal color #1f8395

This text has a font color of #1f8395.

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

#1f8395 background color

This paragraph has a background color of #1f8395.

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

#1f8395 border color

This element has a border color of #1f8395.

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

CSS codes

.text {color:#1f8395;}

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

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

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 #f2fbfc is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#041113
```
#041113 rgb(4,17,19)
```
#071f23
```
#071f23 rgb(7,31,35)
```
#0b2d34
```
#0b2d34 rgb(11,45,52)
```
#0e3c44
```
#0e3c44 rgb(14,60,68)
```
#114a54
```
#114a54 rgb(17,74,84)
```
#155864
```
#155864 rgb(21,88,100)
```
#186675
```
#186675 rgb(24,102,117)
```
#1c7585
```
#1c7585 rgb(28,117,133)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#2291a5
```
#2291a5 rgb(34,145,165)
```
#26a0b5
```
#26a0b5 rgb(38,160,181)
```
#29aec6
```
#29aec6 rgb(41,174,198)
```

Shade Color Variation

#2fbbd4
```
#2fbbd4 rgb(47,187,212)
```
#3fc0d7
```
#3fc0d7 rgb(63,192,215)
```
#4fc5da
```
#4fc5da rgb(79,197,218)
```
#5fcbde
```
#5fcbde rgb(95,203,222)
```
#70d0e1
```
#70d0e1 rgb(112,208,225)
```
#80d5e5
```
#80d5e5 rgb(128,213,229)
```
#90dbe8
```
#90dbe8 rgb(144,219,232)
```
#a0e0eb
```
#a0e0eb rgb(160,224,235)
```
#b1e5ef
```
#b1e5ef rgb(177,229,239)
```
#c1ebf2
```
#c1ebf2 rgb(193,235,242)
```
#d1f0f5
```
#d1f0f5 rgb(209,240,245)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,249)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565d5e is the less saturated color, while #0396b1 is the most saturated one.

#565d5e
```
#565d5e rgb(86,93,94)
```
#4f6165
```
#4f6165 rgb(79,97,101)
```
#49666b
```
#49666b rgb(73,102,107)
```
#426b72
```
#426b72 rgb(66,107,114)
```
#3b7079
```
#3b7079 rgb(59,112,121)
```
#347580
```
#347580 rgb(52,117,128)
```
#2d7987
```
#2d7987 rgb(45,121,135)
```
#267e8e
```
#267e8e rgb(38,126,142)
```
#1f8395
```
#1f8395 rgb(31,131,149)
```
#18889c
```
#18889c rgb(24,136,156)
```
#118da3
```
#118da3 rgb(17,141,163)
```
#0a91aa
```
#0a91aa rgb(10,145,170)
```
#0396b1
```
#0396b1 rgb(3,150,177)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7d93 Protanopia 1% of men
#787c9f Deuteranopia 1% of men
#238a94 Tritanopia 0.001% of the population

Trichromacy

#597f93 Protanomaly 1% of men, 0.01% of women
#577f9b Deuteranomaly 6% of men, 0.4% of women
#228794 Tritanomaly 0.01% of the population

#1f8395 hex color

#1f8395 Color Information

#1f8395 Color Conversion

Color Schemes with #1f8395

Alternatives to #1f8395

#1f8395 Preview

Shades and Tints of #1f8395

Tones of #1f8395

Color Blindness Simulator