#1fc4a2 hex color

In a RGB color space, hex #1fc4a2 is composed of 12.2% red, 76.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 17.3% yellow and 23.1% black. It has a hue angle of 167.6 degrees, a saturation of 72.7% and a lightness of 44.5%. #1fc4a2 color hex could be obtained by blending #3effff with #008945. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 77
- B 64
RGB color chart
- C 84
- M 0
- Y 17
- K 23
CMYK color chart

● #1fc4a2 color description : Strong cyan.

The hexadecimal color #1fc4a2 has RGB values of R:31, G:196, B:162 and CMYK values of C:0.84, M:0, Y:0.17, K:0.23. Its decimal value is 2081954.

Hex triplet	1fc4a2	`#1fc4a2`
RGB Decimal	31, 196, 162	`rgb(31,196,162)`
RGB Percent	12.2, 76.9, 63.5	`rgb(12.2%,76.9%,63.5%)`
CMYK	84, 0, 17, 23
HSL	167.6°, 72.7, 44.5	`hsl(167.6,72.7%,44.5%)`
HSV (or HSB)	167.6°, 84.2, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.13, -47.592, 5.864
XYZ	26.824, 42.377, 40.946
xyY	0.244, 0.385, 42.377
CIE-LCH	71.13, 47.952, 172.976
CIE-LUV	71.13, -56.602, 16.014
Hunter-Lab	65.098, -40.368, 8.275
Binary	00011111, 11000100, 10100010

#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#c41f41
```
#c41f41 rgb(196,31,65)
```

Complementary Color

#1fc450
```
#1fc450 rgb(31,196,80)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#1f94c4
```
#1f94c4 rgb(31,148,196)
```

Analogous Color

#c4501f
```
#c4501f rgb(196,80,31)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#c41f94
```
#c41f94 rgb(196,31,148)
```

Split Complementary Color

#c4a21f
```
#c4a21f rgb(196,162,31)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#a21fc4
```
#a21fc4 rgb(162,31,196)
```

Triadic Color

#41c41f
```
#41c41f rgb(65,196,31)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#a21fc4
```
#a21fc4 rgb(162,31,196)
```
#c41f41
```
#c41f41 rgb(196,31,65)
```

Tetradic Color

#15826b
```
#15826b rgb(21,130,107)
```
#18987e
```
#18987e rgb(24,152,126)
```
#1cae90
```
#1cae90 rgb(28,174,144)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#22dab4
```
#22dab4 rgb(34,218,180)
```
#37dfbd
```
#37dfbd rgb(55,223,189)
```
#4de3c4
```
#4de3c4 rgb(77,227,196)
```

Monochromatic Color

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

#1fc479
```
#1fc479 rgb(31,196,121)
```
#1fc487
```
#1fc487 rgb(31,196,135)
```
#1fc494
```
#1fc494 rgb(31,196,148)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#1fc4b0
```
#1fc4b0 rgb(31,196,176)
```
#1fc4be
```
#1fc4be rgb(31,196,190)
```
#1fbdc4
```
#1fbdc4 rgb(31,189,196)
```

Similar Colors

Text with hexadecimal color #1fc4a2

This text has a font color of #1fc4a2.

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

#1fc4a2 background color

This paragraph has a background color of #1fc4a2.

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

#1fc4a2 border color

This element has a border color of #1fc4a2.

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

CSS codes

.text {color:#1fc4a2;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#041b16
```
#041b16 rgb(4,27,22)
```
#072c24
```
#072c24 rgb(7,44,36)
```
#0a3d32
```
#0a3d32 rgb(10,61,50)
```
#0c4d40
```
#0c4d40 rgb(12,77,64)
```
#0f5e4e
```
#0f5e4e rgb(15,94,78)
```
#126f5c
```
#126f5c rgb(18,111,92)
```
#14806a
```
#14806a rgb(20,128,106)
```
#179178
```
#179178 rgb(23,145,120)
```
#1aa286
```
#1aa286 rgb(26,162,134)
```
#1cb394
```
#1cb394 rgb(28,179,148)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#22d5b0
```
#22d5b0 rgb(34,213,176)
```

Shade Color Variation

#2ddeb9
```
#2ddeb9 rgb(45,222,185)
```
#3de0bf
```
#3de0bf rgb(61,224,191)
```
#4ee3c4
```
#4ee3c4 rgb(78,227,196)
```
#5fe6ca
```
#5fe6ca rgb(95,230,202)
```
#70e8d0
```
#70e8d0 rgb(112,232,208)
```
#81ebd5
```
#81ebd5 rgb(129,235,213)
```
#92eedb
```
#92eedb rgb(146,238,219)
```
#a3f0e1
```
#a3f0e1 rgb(163,240,225)
```
#b4f3e6
```
#b4f3e6 rgb(180,243,230)
```
#c5f6ec
```
#c5f6ec rgb(197,246,236)
```
#d6f8f1
```
#d6f8f1 rgb(214,248,241)
```
#e7fbf7
```
#e7fbf7 rgb(231,251,247)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#6e7574
```
#6e7574 rgb(110,117,116)
```
#657e79
```
#657e79 rgb(101,126,121)
```
#5c877e
```
#5c877e rgb(92,135,126)
```
#539083
```
#539083 rgb(83,144,131)
```
#4b9888
```
#4b9888 rgb(75,152,136)
```
#42a18d
```
#42a18d rgb(66,161,141)
```
#39aa93
```
#39aa93 rgb(57,170,147)
```
#30b398
```
#30b398 rgb(48,179,152)
```
#28bb9d
```
#28bb9d rgb(40,187,157)
```
#1fc4a2
```
#1fc4a2 rgb(31,196,162)
```
#16cda7
```
#16cda7 rgb(22,205,167)
```
#0ed5ac
```
#0ed5ac rgb(14,213,172)
```
#05deb1
```
#05deb1 rgb(5,222,177)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#799a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab19c Protanopia 1% of men
#c3acb0 Deuteranopia 1% of men
#4dc1cf Tritanopia 0.001% of the population

Trichromacy

#81b89e Protanomaly 1% of men, 0.01% of women
#87b5aa Deuteranomaly 6% of men, 0.4% of women
#3cc2be Tritanomaly 0.01% of the population

#1fc4a2 hex color

#1fc4a2 Color Information

#1fc4a2 Color Conversion

Color Schemes with #1fc4a2

Alternatives to #1fc4a2

#1fc4a2 Preview

Shades and Tints of #1fc4a2

Tones of #1fc4a2

Color Blindness Simulator