#1fc7bf hex color

In a RGB color space, hex #1fc7bf is composed of 12.2% red, 78% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 0% magenta, 4% yellow and 22% black. It has a hue angle of 177.1 degrees, a saturation of 73% and a lightness of 45.1%. #1fc7bf color hex could be obtained by blending #3effff with #008f7f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 78
- B 75
RGB color chart
- C 84
- M 0
- Y 4
- K 22
CMYK color chart

● #1fc7bf color description : Strong cyan.

The hexadecimal color #1fc7bf has RGB values of R:31, G:199, B:191 and CMYK values of C:0.84, M:0, Y:0.04, K:0.22. Its decimal value is 2082751.

Hex triplet	1fc7bf	`#1fc7bf`
RGB Decimal	31, 199, 191	`rgb(31,199,191)`
RGB Percent	12.2, 78, 74.9	`rgb(12.2%,78%,74.9%)`
CMYK	84, 0, 4, 22
HSL	177.1°, 73, 45.1	`hsl(177.1,73%,45.1%)`
HSV (or HSB)	177.1°, 84.4, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.824, -40.962, -7.431
XYZ	30.389, 44.897, 56.352
xyY	0.231, 0.341, 44.897
CIE-LCH	72.824, 41.631, 190.282
CIE-LUV	72.824, -55.46, -5.139
Hunter-Lab	67.005, -36.302, -2.96
Binary	00011111, 11000111, 10111111

#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#c71f27
```
#c71f27 rgb(199,31,39)
```

Complementary Color

#1fc76b
```
#1fc76b rgb(31,199,107)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#1f7bc7
```
#1f7bc7 rgb(31,123,199)
```

Analogous Color

#c76b1f
```
#c76b1f rgb(199,107,31)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#c71f7b
```
#c71f7b rgb(199,31,123)
```

Split Complementary Color

#c7bf1f
```
#c7bf1f rgb(199,191,31)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#bf1fc7
```
#bf1fc7 rgb(191,31,199)
```

Triadic Color

#27c71f
```
#27c71f rgb(39,199,31)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#bf1fc7
```
#bf1fc7 rgb(191,31,199)
```
#c71f27
```
#c71f27 rgb(199,31,39)
```

Tetradic Color

#15857f
```
#15857f rgb(21,133,127)
```
#189b95
```
#189b95 rgb(24,155,149)
```
#1cb1aa
```
#1cb1aa rgb(28,177,170)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#23ddd4
```
#23ddd4 rgb(35,221,212)
```
#39e0d8
```
#39e0d8 rgb(57,224,216)
```
#4fe4dc
```
#4fe4dc rgb(79,228,220)
```

Monochromatic Color

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

#1fc795
```
#1fc795 rgb(31,199,149)
```
#1fc7a3
```
#1fc7a3 rgb(31,199,163)
```
#1fc7b1
```
#1fc7b1 rgb(31,199,177)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#1fc1c7
```
#1fc1c7 rgb(31,193,199)
```
#1fb3c7
```
#1fb3c7 rgb(31,179,199)
```
#1fa5c7
```
#1fa5c7 rgb(31,165,199)
```

Similar Colors

Text with hexadecimal color #1fc7bf

This text has a font color of #1fc7bf.

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

#1fc7bf background color

This paragraph has a background color of #1fc7bf.

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

#1fc7bf border color

This element has a border color of #1fc7bf.

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

CSS codes

.text {color:#1fc7bf;}

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

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

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, #020c0c is the darkest color, while #fafefe is the lightest one.

#020c0c
```
#020c0c rgb(2,12,12)
```
#051d1c
```
#051d1c rgb(5,29,28)
```
#072e2c
```
#072e2c rgb(7,46,44)
```
#0a3f3d
```
#0a3f3d rgb(10,63,61)
```
#0c504d
```
#0c504d rgb(12,80,77)
```
#0f615d
```
#0f615d rgb(15,97,93)
```
#12726e
```
#12726e rgb(18,114,110)
```
#14837e
```
#14837e rgb(20,131,126)
```
#17948e
```
#17948e rgb(23,148,142)
```
#1aa59e
```
#1aa59e rgb(26,165,158)
```
#1cb6af
```
#1cb6af rgb(28,182,175)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#22d8cf
```
#22d8cf rgb(34,216,207)
```

Shade Color Variation

#2fdfd6
```
#2fdfd6 rgb(47,223,214)
```
#40e1da
```
#40e1da rgb(64,225,218)
```
#51e4dd
```
#51e4dd rgb(81,228,221)
```
#62e6e0
```
#62e6e0 rgb(98,230,224)
```
#73e9e3
```
#73e9e3 rgb(115,233,227)
```
#84ece7
```
#84ece7 rgb(132,236,231)
```
#95eeea
```
#95eeea rgb(149,238,234)
```
#a5f1ed
```
#a5f1ed rgb(165,241,237)
```
#b6f4f1
```
#b6f4f1 rgb(182,244,241)
```
#c7f6f4
```
#c7f6f4 rgb(199,246,244)
```
#d8f9f7
```
#d8f9f7 rgb(216,249,247)
```
#e9fcfb
```
#e9fcfb rgb(233,252,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#6f7777
```
#6f7777 rgb(111,119,119)
```
#66807f
```
#66807f rgb(102,128,127)
```
#5d8987
```
#5d8987 rgb(93,137,135)
```
#54928f
```
#54928f rgb(84,146,143)
```
#4b9b97
```
#4b9b97 rgb(75,155,151)
```
#42a49f
```
#42a49f rgb(66,164,159)
```
#3aaca7
```
#3aaca7 rgb(58,172,167)
```
#31b5af
```
#31b5af rgb(49,181,175)
```
#28beb7
```
#28beb7 rgb(40,190,183)
```
#1fc7bf
```
#1fc7bf rgb(31,199,191)
```
#16d0c7
```
#16d0c7 rgb(22,208,199)
```
#0dd9cf
```
#0dd9cf rgb(13,217,207)
```
#04e2d7
```
#04e2d7 rgb(4,226,215)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7d9e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b5b7 Protanopia 1% of men
#bdb2cb Deuteranopia 1% of men
#40c6d5 Tritanopia 0.001% of the population

Trichromacy

#81bcba Protanomaly 1% of men, 0.01% of women
#83b9c6 Deuteranomaly 6% of men, 0.4% of women
#34c6cd Tritanomaly 0.01% of the population

#1fc7bf hex color

#1fc7bf Color Information

#1fc7bf Color Conversion

Color Schemes with #1fc7bf

Alternatives to #1fc7bf

#1fc7bf Preview

Shades and Tints of #1fc7bf

Tones of #1fc7bf

Color Blindness Simulator