#1fc5a2 hex color

In a RGB color space, hex #1fc5a2 is composed of 12.2% red, 77.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 0% magenta, 17.8% yellow and 22.7% black. It has a hue angle of 167.3 degrees, a saturation of 72.8% and a lightness of 44.7%. #1fc5a2 color hex could be obtained by blending #3effff with #008b45. Closest websafe color is: #33cc99.

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

● #1fc5a2 color description : Strong cyan.

The hexadecimal color #1fc5a2 has RGB values of R:31, G:197, B:162 and CMYK values of C:0.84, M:0, Y:0.18, K:0.23. Its decimal value is 2082210.

Hex triplet	1fc5a2	`#1fc5a2`
RGB Decimal	31, 197, 162	`rgb(31,197,162)`
RGB Percent	12.2, 77.3, 63.5	`rgb(12.2%,77.3%,63.5%)`
CMYK	84, 0, 18, 23
HSL	167.3°, 72.8, 44.7	`hsl(167.3,72.8%,44.7%)`
HSV (or HSB)	167.3°, 84.3, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.439, -48.005, 6.308
XYZ	27.05, 42.83, 41.022
xyY	0.244, 0.386, 42.83
CIE-LCH	71.439, 48.417, 172.514
CIE-LUV	71.439, -56.947, 16.736
Hunter-Lab	65.444, -40.747, 8.647
Binary	00011111, 11000101, 10100010

#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#c51f42
```
#c51f42 rgb(197,31,66)
```

Complementary Color

#1fc54f
```
#1fc54f rgb(31,197,79)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#1f95c5
```
#1f95c5 rgb(31,149,197)
```

Analogous Color

#c54f1f
```
#c54f1f rgb(197,79,31)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#c51f95
```
#c51f95 rgb(197,31,149)
```

Split Complementary Color

#c5a21f
```
#c5a21f rgb(197,162,31)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#a21fc5
```
#a21fc5 rgb(162,31,197)
```

Triadic Color

#42c51f
```
#42c51f rgb(66,197,31)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#a21fc5
```
#a21fc5 rgb(162,31,197)
```
#c51f42
```
#c51f42 rgb(197,31,66)
```

Tetradic Color

#15836c
```
#15836c rgb(21,131,108)
```
#18997e
```
#18997e rgb(24,153,126)
```
#1caf90
```
#1caf90 rgb(28,175,144)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#22dbb4
```
#22dbb4 rgb(34,219,180)
```
#37e0bc
```
#37e0bc rgb(55,224,188)
```
#4de3c4
```
#4de3c4 rgb(77,227,196)
```

Monochromatic Color

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

#1fc579
```
#1fc579 rgb(31,197,121)
```
#1fc586
```
#1fc586 rgb(31,197,134)
```
#1fc594
```
#1fc594 rgb(31,197,148)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#1fc5b0
```
#1fc5b0 rgb(31,197,176)
```
#1fc5be
```
#1fc5be rgb(31,197,190)
```
#1fbfc5
```
#1fbfc5 rgb(31,191,197)
```

Similar Colors

Text with hexadecimal color #1fc5a2

This text has a font color of #1fc5a2.

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

#1fc5a2 background color

This paragraph has a background color of #1fc5a2.

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

#1fc5a2 border color

This element has a border color of #1fc5a2.

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

CSS codes

.text {color:#1fc5a2;}

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

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

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

#020b09
```
#020b09 rgb(2,11,9)
```
#041c17
```
#041c17 rgb(4,28,23)
```
#072c25
```
#072c25 rgb(7,44,37)
```
#0a3d33
```
#0a3d33 rgb(10,61,51)
```
#0c4e40
```
#0c4e40 rgb(12,78,64)
```
#0f5f4e
```
#0f5f4e rgb(15,95,78)
```
#12705c
```
#12705c rgb(18,112,92)
```
#14816a
```
#14816a rgb(20,129,106)
```
#179278
```
#179278 rgb(23,146,120)
```
#1aa386
```
#1aa386 rgb(26,163,134)
```
#1cb494
```
#1cb494 rgb(28,180,148)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#22d6b0
```
#22d6b0 rgb(34,214,176)
```

Shade Color Variation

#2ddeb9
```
#2ddeb9 rgb(45,222,185)
```
#3ee1be
```
#3ee1be rgb(62,225,190)
```
#4fe3c4
```
#4fe3c4 rgb(79,227,196)
```
#60e6ca
```
#60e6ca rgb(96,230,202)
```
#71e9cf
```
#71e9cf rgb(113,233,207)
```
#82ebd5
```
#82ebd5 rgb(130,235,213)
```
#93eedb
```
#93eedb rgb(147,238,219)
```
#a4f1e0
```
#a4f1e0 rgb(164,241,224)
```
#b5f3e6
```
#b5f3e6 rgb(181,243,230)
```
#c6f6ec
```
#c6f6ec rgb(198,246,236)
```
#d7f9f2
```
#d7f9f2 rgb(215,249,242)
```
#e8fbf7
```
#e8fbf7 rgb(232,251,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#6e7674
```
#6e7674 rgb(110,118,116)
```
#657f79
```
#657f79 rgb(101,127,121)
```
#5c887f
```
#5c887f rgb(92,136,127)
```
#549084
```
#549084 rgb(84,144,132)
```
#4b9989
```
#4b9989 rgb(75,153,137)
```
#42a28e
```
#42a28e rgb(66,162,142)
```
#39ab93
```
#39ab93 rgb(57,171,147)
```
#31b398
```
#31b398 rgb(49,179,152)
```
#28bc9d
```
#28bc9d rgb(40,188,157)
```
#1fc5a2
```
#1fc5a2 rgb(31,197,162)
```
#16cea7
```
#16cea7 rgb(22,206,167)
```
#0dd7ac
```
#0dd7ac rgb(13,215,172)
```
#05dfb1
```
#05dfb1 rgb(5,223,177)
```

Tone Color Variation

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

#bbb29c Protanopia 1% of men
#c4adb0 Deuteranopia 1% of men
#4ec2d0 Tritanopia 0.001% of the population

Trichromacy

#82b99e Protanomaly 1% of men, 0.01% of women
#88b6ab Deuteranomaly 6% of men, 0.4% of women
#3cc3bf Tritanomaly 0.01% of the population

#1fc5a2 hex color

#1fc5a2 Color Information

#1fc5a2 Color Conversion

Color Schemes with #1fc5a2

Alternatives to #1fc5a2

#1fc5a2 Preview

Shades and Tints of #1fc5a2

Tones of #1fc5a2

Color Blindness Simulator