#1ff2dc hex color

In a RGB color space, hex #1ff2dc is composed of 12.2% red, 94.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 9.1% yellow and 5.1% black. It has a hue angle of 173.7 degrees, a saturation of 89% and a lightness of 53.5%. #1ff2dc color hex could be obtained by blending #3effff with #00e5b9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 12
- G 95
- B 86
RGB color chart
- C 87
- M 0
- Y 9
- K 5
CMYK color chart

● #1ff2dc color description : Vivid cyan.

The hexadecimal color #1ff2dc has RGB values of R:31, G:242, B:220 and CMYK values of C:0.87, M:0, Y:0.09, K:0.05. Its decimal value is 2093788.

Hex triplet	1ff2dc	`#1ff2dc`
RGB Decimal	31, 242, 220	`rgb(31,242,220)`
RGB Percent	12.2, 94.9, 86.3	`rgb(12.2%,94.9%,86.3%)`
CMYK	87, 0, 9, 5
HSL	173.7°, 89, 53.5	`hsl(173.7,89%,53.5%)`
HSV (or HSB)	173.7°, 87.2, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.483, -51.375, -2.741
XYZ	45.231, 68.958, 78.633
xyY	0.235, 0.358, 68.958
CIE-LCH	86.483, 51.448, 183.054
CIE-LUV	86.483, -67.803, 3.869
Hunter-Lab	83.041, -48.096, 1.986
Binary	00011111, 11110010, 11011100

#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#f21f35
```
#f21f35 rgb(242,31,53)
```

Complementary Color

#1ff273
```
#1ff273 rgb(31,242,115)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#1f9ff2
```
#1f9ff2 rgb(31,159,242)
```

Analogous Color

#f2731f
```
#f2731f rgb(242,115,31)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#f21f9f
```
#f21f9f rgb(242,31,159)
```

Split Complementary Color

#f2dc1f
```
#f2dc1f rgb(242,220,31)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#dc1ff2
```
#dc1ff2 rgb(220,31,242)
```

Triadic Color

#35f21f
```
#35f21f rgb(53,242,31)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#dc1ff2
```
#dc1ff2 rgb(220,31,242)
```
#f21f35
```
#f21f35 rgb(242,31,53)
```

Tetradic Color

#0bbaa7
```
#0bbaa7 rgb(11,186,167)
```
#0cd2bd
```
#0cd2bd rgb(12,210,189)
```
#0eead3
```
#0eead3 rgb(14,234,211)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#37f3e0
```
#37f3e0 rgb(55,243,224)
```
#4ff5e4
```
#4ff5e4 rgb(79,245,228)
```
#67f6e7
```
#67f6e7 rgb(103,246,231)
```

Monochromatic Color

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

#1ff2a7
```
#1ff2a7 rgb(31,242,167)
```
#1ff2b9
```
#1ff2b9 rgb(31,242,185)
```
#1ff2ca
```
#1ff2ca rgb(31,242,202)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#1ff2ee
```
#1ff2ee rgb(31,242,238)
```
#1fe5f2
```
#1fe5f2 rgb(31,229,242)
```
#1fd3f2
```
#1fd3f2 rgb(31,211,242)
```

Similar Colors

Text with hexadecimal color #1ff2dc

This text has a font color of #1ff2dc.

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

#1ff2dc background color

This paragraph has a background color of #1ff2dc.

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

#1ff2dc border color

This element has a border color of #1ff2dc.

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

CSS codes

.text {color:#1ff2dc;}

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

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

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

#01110f
```
#01110f rgb(1,17,15)
```
#022420
```
#022420 rgb(2,36,32)
```
#033631
```
#033631 rgb(3,54,49)
```
#044941
```
#044941 rgb(4,73,65)
```
#055b52
```
#055b52 rgb(5,91,82)
```
#066e63
```
#066e63 rgb(6,110,99)
```
#078074
```
#078074 rgb(7,128,116)
```
#099384
```
#099384 rgb(9,147,132)
```
#0aa595
```
#0aa595 rgb(10,165,149)
```
#0bb8a6
```
#0bb8a6 rgb(11,184,166)
```
#0ccab7
```
#0ccab7 rgb(12,202,183)
```
#0dddc7
```
#0dddc7 rgb(13,221,199)
```
#0eefd8
```
#0eefd8 rgb(14,239,216)
```

Shade Color Variation

#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#32f3df
```
#32f3df rgb(50,243,223)
```
#44f4e2
```
#44f4e2 rgb(68,244,226)
```
#57f5e5
```
#57f5e5 rgb(87,245,229)
```
#69f6e8
```
#69f6e8 rgb(105,246,232)
```
#7cf7ea
```
#7cf7ea rgb(124,247,234)
```
#8ef8ed
```
#8ef8ed rgb(142,248,237)
```
#a1faf0
```
#a1faf0 rgb(161,250,240)
```
#b3fbf3
```
#b3fbf3 rgb(179,251,243)
```
#c6fcf6
```
#c6fcf6 rgb(198,252,246)
```
#d8fdf9
```
#d8fdf9 rgb(216,253,249)
```
#ebfefc
```
#ebfefc rgb(235,254,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838e8d is the less saturated color, while #16fbe3 is the most saturated one.

#838e8d
```
#838e8d rgb(131,142,141)
```
#7a9794
```
#7a9794 rgb(122,151,148)
```
#71a09b
```
#71a09b rgb(113,160,155)
```
#68a9a2
```
#68a9a2 rgb(104,169,162)
```
#5fb2a9
```
#5fb2a9 rgb(95,178,169)
```
#56bbb1
```
#56bbb1 rgb(86,187,177)
```
#4dc4b8
```
#4dc4b8 rgb(77,196,184)
```
#43cebf
```
#43cebf rgb(67,206,191)
```
#3ad7c6
```
#3ad7c6 rgb(58,215,198)
```
#31e0ce
```
#31e0ce rgb(49,224,206)
```
#28e9d5
```
#28e9d5 rgb(40,233,213)
```
#1ff2dc
```
#1ff2dc rgb(31,242,220)
```
#16fbe3
```
#16fbe3 rgb(22,251,227)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#93bdb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d9d0 Protanopia 1% of men
#e7d4e8 Deuteranopia 1% of men
#51edff Tritanopia 0.001% of the population

Trichromacy

#9ae2d4 Protanomaly 1% of men, 0.01% of women
#9edfe4 Deuteranomaly 6% of men, 0.4% of women
#3feff2 Tritanomaly 0.01% of the population

#1ff2dc hex color

#1ff2dc Color Information

#1ff2dc Color Conversion

Color Schemes with #1ff2dc

Alternatives to #1ff2dc

#1ff2dc Preview

Shades and Tints of #1ff2dc

Tones of #1ff2dc

Color Blindness Simulator