#1fb8af hex color

In a RGB color space, hex #1fb8af is composed of 12.2% red, 72.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 4.9% yellow and 27.8% black. It has a hue angle of 176.5 degrees, a saturation of 71.2% and a lightness of 42.2%. #1fb8af color hex could be obtained by blending #3effff with #00715f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 72
- B 69
RGB color chart
- C 83
- M 0
- Y 5
- K 28
CMYK color chart

● #1fb8af color description : Strong cyan.

The hexadecimal color #1fb8af has RGB values of R:31, G:184, B:175 and CMYK values of C:0.83, M:0, Y:0.05, K:0.28. Its decimal value is 2078895.

Hex triplet	1fb8af	`#1fb8af`
RGB Decimal	31, 184, 175	`rgb(31,184,175)`
RGB Percent	12.2, 72.2, 68.6	`rgb(12.2%,72.2%,68.6%)`
CMYK	83, 0, 5, 28
HSL	176.5°, 71.2, 42.2	`hsl(176.5,71.2%,42.2%)`
HSV (or HSB)	176.5°, 83.2, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.773, -38.858, -6.159
XYZ	25.441, 37.665, 46.484
xyY	0.232, 0.344, 37.665
CIE-LCH	67.773, 39.344, 189.007
CIE-LUV	67.773, -51.464, -3.427
Hunter-Lab	61.372, -33.405, -1.947
Binary	00011111, 10111000, 10101111

#1fb8af
```
#1fb8af rgb(31,184,175)
```
#b81f28
```
#b81f28 rgb(184,31,40)
```

Complementary Color

#1fb863
```
#1fb863 rgb(31,184,99)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#1f75b8
```
#1f75b8 rgb(31,117,184)
```

Analogous Color

#b8631f
```
#b8631f rgb(184,99,31)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#b81f75
```
#b81f75 rgb(184,31,117)
```

Split Complementary Color

#b8af1f
```
#b8af1f rgb(184,175,31)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#af1fb8
```
#af1fb8 rgb(175,31,184)
```

Triadic Color

#28b81f
```
#28b81f rgb(40,184,31)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#af1fb8
```
#af1fb8 rgb(175,31,184)
```
#b81f28
```
#b81f28 rgb(184,31,40)
```

Tetradic Color

#147771
```
#147771 rgb(20,119,113)
```
#188c85
```
#188c85 rgb(24,140,133)
```
#1ba29a
```
#1ba29a rgb(27,162,154)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#23cec4
```
#23cec4 rgb(35,206,196)
```
#2edcd2
```
#2edcd2 rgb(46,220,210)
```
#44dfd6
```
#44dfd6 rgb(68,223,214)
```

Monochromatic Color

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

#1fb889
```
#1fb889 rgb(31,184,137)
```
#1fb896
```
#1fb896 rgb(31,184,150)
```
#1fb8a2
```
#1fb8a2 rgb(31,184,162)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#1fb4b8
```
#1fb4b8 rgb(31,180,184)
```
#1fa8b8
```
#1fa8b8 rgb(31,168,184)
```
#1f9bb8
```
#1f9bb8 rgb(31,155,184)
```

Similar Colors

Text with hexadecimal color #1fb8af

This text has a font color of #1fb8af.

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

#1fb8af background color

This paragraph has a background color of #1fb8af.

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

#1fb8af border color

This element has a border color of #1fb8af.

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

CSS codes

.text {color:#1fb8af;}

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

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

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, #03100f is the darkest color, while #feffff is the lightest one.

#03100f
```
#03100f rgb(3,16,15)
```
#06211f
```
#06211f rgb(6,33,31)
```
#08322f
```
#08322f rgb(8,50,47)
```
#0b423f
```
#0b423f rgb(11,66,63)
```
#0e534f
```
#0e534f rgb(14,83,79)
```
#11645f
```
#11645f rgb(17,100,95)
```
#14756f
```
#14756f rgb(20,117,111)
```
#17867f
```
#17867f rgb(23,134,127)
```
#19968f
```
#19968f rgb(25,150,143)
```
#1ca79f
```
#1ca79f rgb(28,167,159)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#22c9bf
```
#22c9bf rgb(34,201,191)
```
#25dacf
```
#25dacf rgb(37,218,207)
```

Shade Color Variation

#35ddd3
```
#35ddd3 rgb(53,221,211)
```
#46e0d7
```
#46e0d7 rgb(70,224,215)
```
#56e3da
```
#56e3da rgb(86,227,218)
```
#67e5de
```
#67e5de rgb(103,229,222)
```
#78e8e2
```
#78e8e2 rgb(120,232,226)
```
#89ebe5
```
#89ebe5 rgb(137,235,229)
```
#9aeee9
```
#9aeee9 rgb(154,238,233)
```
#aaf1ed
```
#aaf1ed rgb(170,241,237)
```
#bbf4f0
```
#bbf4f0 rgb(187,244,240)
```
#ccf6f4
```
#ccf6f4 rgb(204,246,244)
```
#ddf9f8
```
#ddf9f8 rgb(221,249,248)
```
#eefcfb
```
#eefcfb rgb(238,252,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696e6d
```
#696e6d rgb(105,110,109)
```
#617675
```
#617675 rgb(97,118,117)
```
#597e7c
```
#597e7c rgb(89,126,124)
```
#518683
```
#518683 rgb(81,134,131)
```
#488f8b
```
#488f8b rgb(72,143,139)
```
#409792
```
#409792 rgb(64,151,146)
```
#389f99
```
#389f99 rgb(56,159,153)
```
#30a7a0
```
#30a7a0 rgb(48,167,160)
```
#27b0a8
```
#27b0a8 rgb(39,176,168)
```
#1fb8af
```
#1fb8af rgb(31,184,175)
```
#17c0b6
```
#17c0b6 rgb(23,192,182)
```
#0ec9be
```
#0ec9be rgb(14,201,190)
```
#06d1c5
```
#06d1c5 rgb(6,209,197)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#749291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca8a9 Protanopia 1% of men
#b1a5bb Deuteranopia 1% of men
#3eb8c6 Tritanopia 0.001% of the population

Trichromacy

#79aeab Protanomaly 1% of men, 0.01% of women
#7bacb6 Deuteranomaly 6% of men, 0.4% of women
#33b8bd Tritanomaly 0.01% of the population

#1fb8af hex color

#1fb8af Color Information

#1fb8af Color Conversion

Color Schemes with #1fb8af

Alternatives to #1fb8af

#1fb8af Preview

Shades and Tints of #1fb8af

Tones of #1fb8af

Color Blindness Simulator