colorhexa.com

#1fbab6 hex color

In a RGB color space, hex #1fbab6 is composed of 12.2% red, 72.9% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 2.2% yellow and 27.1% black. It has a hue angle of 178.5 degrees, a saturation of 71.4% and a lightness of 42.5%. #1fbab6 color hex could be obtained by blending #3effff with #00756d. Closest websafe color is: #33cccc.

- R 12
- G 73
- B 71
RGB color chart
- C 83
- M 0
- Y 2
- K 27
CMYK color chart

● #1fbab6 color description : Strong cyan.

The hexadecimal color #1fbab6 has RGB values of R:31, G:186, B:182 and CMYK values of C:0.83, M:0, Y:0.02, K:0.27. Its decimal value is 2079414.

Hex triplet	1fbab6	`#1fbab6`
RGB Decimal	31, 186, 182	`rgb(31,186,182)`
RGB Percent	12.2, 72.9, 71.4	`rgb(12.2%,72.9%,71.4%)`
CMYK	83, 0, 2, 27
HSL	178.5°, 71.4, 42.5	`hsl(178.5,71.4%,42.5%)`
HSV (or HSB)	178.5°, 83.3, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.594, -37.723, -8.796
XYZ	26.565, 38.784, 50.339
xyY	0.23, 0.335, 38.784
CIE-LCH	68.594, 38.735, 193.126
CIE-LUV	68.594, -51.634, -7.718
Hunter-Lab	62.277, -32.843, -4.331
Binary	00011111, 10111010, 10110110

#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#ba1f23
```
#ba1f23 rgb(186,31,35)
```

Complementary Color

#1fba69
```
#1fba69 rgb(31,186,105)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#1f71ba
```
#1f71ba rgb(31,113,186)
```

Analogous Color

#ba691f
```
#ba691f rgb(186,105,31)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#ba1f71
```
#ba1f71 rgb(186,31,113)
```

Split Complementary Color

#bab61f
```
#bab61f rgb(186,182,31)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#b61fba
```
#b61fba rgb(182,31,186)
```

Triadic Color

#23ba1f
```
#23ba1f rgb(35,186,31)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#b61fba
```
#b61fba rgb(182,31,186)
```
#ba1f23
```
#ba1f23 rgb(186,31,35)
```

Tetradic Color

#147876
```
#147876 rgb(20,120,118)
```
#188e8b
```
#188e8b rgb(24,142,139)
```
#1ba4a1
```
#1ba4a1 rgb(27,164,161)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#23d0cb
```
#23d0cb rgb(35,208,203)
```
#30dcd8
```
#30dcd8 rgb(48,220,216)
```
#45e0dc
```
#45e0dc rgb(69,224,220)
```

Monochromatic Color

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

#1fba8f
```
#1fba8f rgb(31,186,143)
```
#1fba9c
```
#1fba9c rgb(31,186,156)
```
#1fbaa9
```
#1fbaa9 rgb(31,186,169)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#1fb1ba
```
#1fb1ba rgb(31,177,186)
```
#1fa4ba
```
#1fa4ba rgb(31,164,186)
```
#1f97ba
```
#1f97ba rgb(31,151,186)
```

Similar Colors

Text with hexadecimal color #1fbab6

This text has a font color of #1fbab6.

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

#1fbab6 background color

This paragraph has a background color of #1fbab6.

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

#1fbab6 border color

This element has a border color of #1fbab6.

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

CSS codes

.text {color:#1fbab6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031211
```
#031211 rgb(3,18,17)
```
#062322
```
#062322 rgb(6,35,34)
```
#093332
```
#093332 rgb(9,51,50)
```
#0b4443
```
#0b4443 rgb(11,68,67)
```
#0e5553
```
#0e5553 rgb(14,85,83)
```
#116664
```
#116664 rgb(17,102,100)
```
#147774
```
#147774 rgb(20,119,116)
```
#178885
```
#178885 rgb(23,136,133)
```
#199895
```
#199895 rgb(25,152,149)
```
#1ca9a6
```
#1ca9a6 rgb(28,169,166)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#22cbc6
```
#22cbc6 rgb(34,203,198)
```

Shade Color Variation

#25dbd6
```
#25dbd6 rgb(37,219,214)
```
#36ded9
```
#36ded9 rgb(54,222,217)
```
#47e0dc
```
#47e0dc rgb(71,224,220)
```
#58e3e0
```
#58e3e0 rgb(88,227,224)
```
#69e6e3
```
#69e6e3 rgb(105,230,227)
```
#7ae9e6
```
#7ae9e6 rgb(122,233,230)
```
#8aece9
```
#8aece9 rgb(138,236,233)
```
#9beeec
```
#9beeec rgb(155,238,236)
```
#acf1ef
```
#acf1ef rgb(172,241,239)
```
#bdf4f3
```
#bdf4f3 rgb(189,244,243)
```
#cef7f6
```
#cef7f6 rgb(206,247,246)
```
#defaf9
```
#defaf9 rgb(222,250,249)
```
#effcfc
```
#effcfc rgb(239,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6f6f is the less saturated color, while #06d3ce is the most saturated one.

#6a6f6f
```
#6a6f6f rgb(106,111,111)
```
#627777
```
#627777 rgb(98,119,119)
```
#59807f
```
#59807f rgb(89,128,127)
```
#518887
```
#518887 rgb(81,136,135)
```
#49908e
```
#49908e rgb(73,144,142)
```
#409996
```
#409996 rgb(64,153,150)
```
#38a19e
```
#38a19e rgb(56,161,158)
```
#30a9a6
```
#30a9a6 rgb(48,169,166)
```
#27b2ae
```
#27b2ae rgb(39,178,174)
```
#1fbab6
```
#1fbab6 rgb(31,186,182)
```
#17c2be
```
#17c2be rgb(23,194,190)
```
#0ecbc6
```
#0ecbc6 rgb(14,203,198)
```
#06d3ce
```
#06d3ce rgb(6,211,206)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#759494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaaaf Protanopia 1% of men
#b0a7c1 Deuteranopia 1% of men
#3bbbc8 Tritanopia 0.001% of the population

Trichromacy

#79b0b1 Protanomaly 1% of men, 0.01% of women
#7baebd Deuteranomaly 6% of men, 0.4% of women
#31bac2 Tritanomaly 0.01% of the population