#1f8ba6 hex color

In a RGB color space, hex #1f8ba6 is composed of 12.2% red, 54.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 16.3% magenta, 0% yellow and 34.9% black. It has a hue angle of 192 degrees, a saturation of 68.5% and a lightness of 38.6%. #1f8ba6 color hex could be obtained by blending #3effff with #00174d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 55
- B 65
RGB color chart
- C 81
- M 16
- Y 0
- K 35
CMYK color chart

● #1f8ba6 color description : Dark cyan.

The hexadecimal color #1f8ba6 has RGB values of R:31, G:139, B:166 and CMYK values of C:0.81, M:0.16, Y:0, K:0.35. Its decimal value is 2067366.

Hex triplet	1f8ba6	`#1f8ba6`
RGB Decimal	31, 139, 166	`rgb(31,139,166)`
RGB Percent	12.2, 54.5, 65.1	`rgb(12.2%,54.5%,65.1%)`
CMYK	81, 16, 0, 35
HSL	192°, 68.5, 38.6	`hsl(192,68.5%,38.6%)`
HSV (or HSB)	192°, 81.3, 65.1
Web Safe	339999	`#339999`

CIE-LAB	53.501, -19.647, -22.626
XYZ	16.679, 21.508, 39.347
xyY	0.215, 0.277, 21.508
CIE-LCH	53.501, 29.966, 229.031
CIE-LUV	53.501, -36.142, -31.353
Hunter-Lab	46.377, -16.965, -17.839
Binary	00011111, 10001011, 10100110

#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#a63a1f
```
#a63a1f rgb(166,58,31)
```

Complementary Color

#1fa67e
```
#1fa67e rgb(31,166,126)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#1f48a6
```
#1f48a6 rgb(31,72,166)
```

Analogous Color

#a67e1f
```
#a67e1f rgb(166,126,31)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#a61f48
```
#a61f48 rgb(166,31,72)
```

Split Complementary Color

#8ba61f
```
#8ba61f rgb(139,166,31)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#a61f8b
```
#a61f8b rgb(166,31,139)
```

Triadic Color

#1fa63a
```
#1fa63a rgb(31,166,58)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#a61f8b
```
#a61f8b rgb(166,31,139)
```
#a63a1f
```
#a63a1f rgb(166,58,31)
```

Tetradic Color

#135566
```
#135566 rgb(19,85,102)
```
#17677b
```
#17677b rgb(23,103,123)
```
#1b7991
```
#1b7991 rgb(27,121,145)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#239dbb
```
#239dbb rgb(35,157,187)
```
#27afd1
```
#27afd1 rgb(39,175,209)
```
#38b9da
```
#38b9da rgb(56,185,218)
```

Monochromatic Color

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

#1fa69f
```
#1fa69f rgb(31,166,159)
```
#1fa2a6
```
#1fa2a6 rgb(31,162,166)
```
#1f96a6
```
#1f96a6 rgb(31,150,166)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#1f80a6
```
#1f80a6 rgb(31,128,166)
```
#1f75a6
```
#1f75a6 rgb(31,117,166)
```
#1f69a6
```
#1f69a6 rgb(31,105,166)
```

Similar Colors

Text with hexadecimal color #1f8ba6

This text has a font color of #1f8ba6.

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

#1f8ba6 background color

This paragraph has a background color of #1f8ba6.

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

#1f8ba6 border color

This element has a border color of #1f8ba6.

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

CSS codes

.text {color:#1f8ba6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030e11
```
#030e11 rgb(3,14,17)
```
#061c22
```
#061c22 rgb(6,28,34)
```
#092a32
```
#092a32 rgb(9,42,50)
```
#0c3843
```
#0c3843 rgb(12,56,67)
```
#104653
```
#104653 rgb(16,70,83)
```
#135464
```
#135464 rgb(19,84,100)
```
#166174
```
#166174 rgb(22,97,116)
```
#196f85
```
#196f85 rgb(25,111,133)
```
#1c7d95
```
#1c7d95 rgb(28,125,149)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#2299b7
```
#2299b7 rgb(34,153,183)
```
#25a7c7
```
#25a7c7 rgb(37,167,199)
```

Shade Color Variation

#29b4d7
```
#29b4d7 rgb(41,180,215)
```
#39bada
```
#39bada rgb(57,186,218)
```
#4ac0dd
```
#4ac0dd rgb(74,192,221)
```
#5ac5e0
```
#5ac5e0 rgb(90,197,224)
```
#6bcbe3
```
#6bcbe3 rgb(107,203,227)
```
#7bd1e6
```
#7bd1e6 rgb(123,209,230)
```
#8cd7ea
```
#8cd7ea rgb(140,215,234)
```
#9ddded
```
#9ddded rgb(157,221,237)
```
#ade2f0
```
#ade2f0 rgb(173,226,240)
```
#bee8f3
```
#bee8f3 rgb(190,232,243)
```
#ceeef6
```
#ceeef6 rgb(206,238,246)
```
#dff4f9
```
#dff4f9 rgb(223,244,249)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6769 is the less saturated color, while #019dc4 is the most saturated one.

#5c6769
```
#5c6769 rgb(92,103,105)
```
#546b71
```
#546b71 rgb(84,107,113)
```
#4c7079
```
#4c7079 rgb(76,112,121)
```
#457480
```
#457480 rgb(69,116,128)
```
#3d7988
```
#3d7988 rgb(61,121,136)
```
#367d8f
```
#367d8f rgb(54,125,143)
```
#2e8297
```
#2e8297 rgb(46,130,151)
```
#27869e
```
#27869e rgb(39,134,158)
```
#1f8ba6
```
#1f8ba6 rgb(31,139,166)
```
#1790ae
```
#1790ae rgb(23,144,174)
```
#1094b5
```
#1094b5 rgb(16,148,181)
```
#0899bd
```
#0899bd rgb(8,153,189)
```
#019dc4
```
#019dc4 rgb(1,157,196)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e7479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a2 Protanopia 1% of men
#7a84af Deuteranopia 1% of men
#14939e Tritanopia 0.001% of the population

Trichromacy

#5c87a4 Protanomaly 1% of men, 0.01% of women
#5986ac Deuteranomaly 6% of men, 0.4% of women
#1890a0 Tritanomaly 0.01% of the population

#1f8ba6 hex color

#1f8ba6 Color Information

#1f8ba6 Color Conversion

Color Schemes with #1f8ba6

Alternatives to #1f8ba6

#1f8ba6 Preview

Shades and Tints of #1f8ba6

Tones of #1f8ba6

Color Blindness Simulator