#1fc7aa hex color

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

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

● #1fc7aa color description : Strong cyan.

The hexadecimal color #1fc7aa has RGB values of R:31, G:199, B:170 and CMYK values of C:0.84, M:0, Y:0.15, K:0.22. Its decimal value is 2082730.

Hex triplet	1fc7aa	`#1fc7aa`
RGB Decimal	31, 199, 170	`rgb(31,199,170)`
RGB Percent	12.2, 78, 66.7	`rgb(12.2%,78%,66.7%)`
CMYK	84, 0, 15, 22
HSL	169.6°, 73, 45.1	`hsl(169.6,73%,45.1%)`
HSV (or HSB)	169.6°, 84.4, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.254, -46.757, 3.142
XYZ	28.242, 44.038, 45.04
xyY	0.241, 0.375, 44.038
CIE-LCH	72.254, 46.862, 176.155
CIE-LUV	72.254, -57.045, 11.93
Hunter-Lab	66.361, -40.166, 6.212
Binary	00011111, 11000111, 10101010

#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#c71f3c
```
#c71f3c rgb(199,31,60)
```

Complementary Color

#1fc756
```
#1fc756 rgb(31,199,86)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#1f90c7
```
#1f90c7 rgb(31,144,199)
```

Analogous Color

#c7561f
```
#c7561f rgb(199,86,31)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#c71f90
```
#c71f90 rgb(199,31,144)
```

Split Complementary Color

#c7aa1f
```
#c7aa1f rgb(199,170,31)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#aa1fc7
```
#aa1fc7 rgb(170,31,199)
```

Triadic Color

#3cc71f
```
#3cc71f rgb(60,199,31)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#aa1fc7
```
#aa1fc7 rgb(170,31,199)
```
#c71f3c
```
#c71f3c rgb(199,31,60)
```

Tetradic Color

#158571
```
#158571 rgb(21,133,113)
```
#189b84
```
#189b84 rgb(24,155,132)
```
#1cb197
```
#1cb197 rgb(28,177,151)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#23ddbd
```
#23ddbd rgb(35,221,189)
```
#39e0c3
```
#39e0c3 rgb(57,224,195)
```
#4fe4ca
```
#4fe4ca rgb(79,228,202)
```

Monochromatic Color

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

#1fc780
```
#1fc780 rgb(31,199,128)
```
#1fc78e
```
#1fc78e rgb(31,199,142)
```
#1fc79c
```
#1fc79c rgb(31,199,156)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#1fc7b8
```
#1fc7b8 rgb(31,199,184)
```
#1fc7c6
```
#1fc7c6 rgb(31,199,198)
```
#1fbac7
```
#1fbac7 rgb(31,186,199)
```

Similar Colors

Text with hexadecimal color #1fc7aa

This text has a font color of #1fc7aa.

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

#1fc7aa background color

This paragraph has a background color of #1fc7aa.

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

#1fc7aa border color

This element has a border color of #1fc7aa.

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

CSS codes

.text {color:#1fc7aa;}

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

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

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

#020c0b
```
#020c0b rgb(2,12,11)
```
#051d19
```
#051d19 rgb(5,29,25)
```
#072e28
```
#072e28 rgb(7,46,40)
```
#0a3f36
```
#0a3f36 rgb(10,63,54)
```
#0c5045
```
#0c5045 rgb(12,80,69)
```
#0f6153
```
#0f6153 rgb(15,97,83)
```
#127262
```
#127262 rgb(18,114,98)
```
#148370
```
#148370 rgb(20,131,112)
```
#17947f
```
#17947f rgb(23,148,127)
```
#1aa58d
```
#1aa58d rgb(26,165,141)
```
#1cb69c
```
#1cb69c rgb(28,182,156)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#22d8b8
```
#22d8b8 rgb(34,216,184)
```

Shade Color Variation

#2fdfc0
```
#2fdfc0 rgb(47,223,192)
```
#40e1c5
```
#40e1c5 rgb(64,225,197)
```
#51e4ca
```
#51e4ca rgb(81,228,202)
```
#62e6d0
```
#62e6d0 rgb(98,230,208)
```
#73e9d5
```
#73e9d5 rgb(115,233,213)
```
#84ecda
```
#84ecda rgb(132,236,218)
```
#95eedf
```
#95eedf rgb(149,238,223)
```
#a5f1e4
```
#a5f1e4 rgb(165,241,228)
```
#b6f4e9
```
#b6f4e9 rgb(182,244,233)
```
#c7f6ee
```
#c7f6ee rgb(199,246,238)
```
#d8f9f3
```
#d8f9f3 rgb(216,249,243)
```
#e9fcf8
```
#e9fcf8 rgb(233,252,248)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#6f7776
```
#6f7776 rgb(111,119,118)
```
#66807c
```
#66807c rgb(102,128,124)
```
#5d8981
```
#5d8981 rgb(93,137,129)
```
#549287
```
#549287 rgb(84,146,135)
```
#4b9b8d
```
#4b9b8d rgb(75,155,141)
```
#42a493
```
#42a493 rgb(66,164,147)
```
#3aac99
```
#3aac99 rgb(58,172,153)
```
#31b59e
```
#31b59e rgb(49,181,158)
```
#28bea4
```
#28bea4 rgb(40,190,164)
```
#1fc7aa
```
#1fc7aa rgb(31,199,170)
```
#16d0b0
```
#16d0b0 rgb(22,208,176)
```
#0dd9b6
```
#0dd9b6 rgb(13,217,182)
```
#04e2bb
```
#04e2bb rgb(4,226,187)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7a9c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb4a3 Protanopia 1% of men
#c4afb7 Deuteranopia 1% of men
#4bc4d2 Tritanopia 0.001% of the population

Trichromacy

#83bba6 Protanomaly 1% of men, 0.01% of women
#88b8b2 Deuteranomaly 6% of men, 0.4% of women
#3bc5c4 Tritanomaly 0.01% of the population

#1fc7aa hex color

#1fc7aa Color Information

#1fc7aa Color Conversion

Color Schemes with #1fc7aa

Alternatives to #1fc7aa

#1fc7aa Preview

Shades and Tints of #1fc7aa

Tones of #1fc7aa

Color Blindness Simulator