#1fccdf hex color

In a RGB color space, hex #1fccdf is composed of 12.2% red, 80% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 8.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 185.9 degrees, a saturation of 75.6% and a lightness of 49.8%. #1fccdf color hex could be obtained by blending #3effff with #0099bf. Closest websafe color is: #33cccc.

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

● #1fccdf color description : Vivid cyan.

The hexadecimal color #1fccdf has RGB values of R:31, G:204, B:223 and CMYK values of C:0.86, M:0.09, Y:0, K:0.13. Its decimal value is 2084063.

Hex triplet	1fccdf	`#1fccdf`
RGB Decimal	31, 204, 223	`rgb(31,204,223)`
RGB Percent	12.2, 80, 87.5	`rgb(12.2%,80%,87.5%)`
CMYK	86, 9, 0, 13
HSL	185.9°, 75.6, 49.8	`hsl(185.9,75.6%,49.8%)`
HSV (or HSB)	185.9°, 86.1, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.328, -33.662, -21
XYZ	35.473, 48.801, 77.358
xyY	0.219, 0.302, 48.801
CIE-LCH	75.328, 39.676, 211.958
CIE-LUV	75.328, -54.726, -28.334
Hunter-Lab	69.858, -31.61, -16.755
Binary	00011111, 11001100, 11011111

#1fccdf
```
#1fccdf rgb(31,204,223)
```
#df321f
```
#df321f rgb(223,50,31)
```

Complementary Color

#1fdf92
```
#1fdf92 rgb(31,223,146)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#1f6cdf
```
#1f6cdf rgb(31,108,223)
```

Analogous Color

#df921f
```
#df921f rgb(223,146,31)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#df1f6c
```
#df1f6c rgb(223,31,108)
```

Split Complementary Color

#ccdf1f
```
#ccdf1f rgb(204,223,31)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#df1fcc
```
#df1fcc rgb(223,31,204)
```

Triadic Color

#1fdf32
```
#1fdf32 rgb(31,223,50)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#df1fcc
```
#df1fcc rgb(223,31,204)
```
#df321f
```
#df321f rgb(223,50,31)
```

Tetradic Color

#168f9c
```
#168f9c rgb(22,143,156)
```
#19a3b2
```
#19a3b2 rgb(25,163,178)
```
#1cb8c9
```
#1cb8c9 rgb(28,184,201)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#35d2e3
```
#35d2e3 rgb(53,210,227)
```
#4bd7e6
```
#4bd7e6 rgb(75,215,230)
```
#61dce9
```
#61dce9 rgb(97,220,233)
```

Monochromatic Color

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

#1fdfc2
```
#1fdfc2 rgb(31,223,194)
```
#1fdfd2
```
#1fdfd2 rgb(31,223,210)
```
#1fdcdf
```
#1fdcdf rgb(31,220,223)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#1fbcdf
```
#1fbcdf rgb(31,188,223)
```
#1facdf
```
#1facdf rgb(31,172,223)
```
#1f9cdf
```
#1f9cdf rgb(31,156,223)
```

Similar Colors

Text with hexadecimal color #1fccdf

This text has a font color of #1fccdf.

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

#1fccdf background color

This paragraph has a background color of #1fccdf.

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

#1fccdf border color

This element has a border color of #1fccdf.

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

CSS codes

.text {color:#1fccdf;}

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

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

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

#020f10
```
#020f10 rgb(2,15,16)
```
#051f22
```
#051f22 rgb(5,31,34)
```
#072e33
```
#072e33 rgb(7,46,51)
```
#093e44
```
#093e44 rgb(9,62,68)
```
#0c4e55
```
#0c4e55 rgb(12,78,85)
```
#0e5e66
```
#0e5e66 rgb(14,94,102)
```
#116d78
```
#116d78 rgb(17,109,120)
```
#137d89
```
#137d89 rgb(19,125,137)
```
#158d9a
```
#158d9a rgb(21,141,154)
```
#189dab
```
#189dab rgb(24,157,171)
```
#1aacbd
```
#1aacbd rgb(26,172,189)
```
#1dbcce
```
#1dbcce rgb(29,188,206)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```

Shade Color Variation

#2fd0e2
```
#2fd0e2 rgb(47,208,226)
```
#41d4e5
```
#41d4e5 rgb(65,212,229)
```
#52d8e7
```
#52d8e7 rgb(82,216,231)
```
#63dce9
```
#63dce9 rgb(99,220,233)
```
#74e0ec
```
#74e0ec rgb(116,224,236)
```
#86e4ee
```
#86e4ee rgb(134,228,238)
```
#97e8f1
```
#97e8f1 rgb(151,232,241)
```
#a8ebf3
```
#a8ebf3 rgb(168,235,243)
```
#b9eff5
```
#b9eff5 rgb(185,239,245)
```
#caf3f8
```
#caf3f8 rgb(202,243,248)
```
#dcf7fa
```
#dcf7fa rgb(220,247,250)
```
#edfbfc
```
#edfbfc rgb(237,251,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778587 is the less saturated color, while #02e4fc is the most saturated one.

#778587
```
#778587 rgb(119,133,135)
```
#6d8d91
```
#6d8d91 rgb(109,141,145)
```
#63959b
```
#63959b rgb(99,149,155)
```
#5a9da4
```
#5a9da4 rgb(90,157,164)
```
#50a5ae
```
#50a5ae rgb(80,165,174)
```
#46adb8
```
#46adb8 rgb(70,173,184)
```
#3cb4c2
```
#3cb4c2 rgb(60,180,194)
```
#33bccb
```
#33bccb rgb(51,188,203)
```
#29c4d5
```
#29c4d5 rgb(41,196,213)
```
#1fccdf
```
#1fccdf rgb(31,204,223)
```
#15d4e9
```
#15d4e9 rgb(21,212,233)
```
#0bdcf3
```
#0bdcf3 rgb(11,220,243)
```
#02e4fc
```
#02e4fc rgb(2,228,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#81a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bbd5 Protanopia 1% of men
#b6b9e8 Deuteranopia 1% of men
#26cfde Tritanopia 0.001% of the population

Trichromacy

#80c1d8 Protanomaly 1% of men, 0.01% of women
#7fc0e5 Deuteranomaly 6% of men, 0.4% of women
#23cdde Tritanomaly 0.01% of the population

#1fccdf hex color

#1fccdf Color Information

#1fccdf Color Conversion

Color Schemes with #1fccdf

Alternatives to #1fccdf

#1fccdf Preview

Shades and Tints of #1fccdf

Tones of #1fccdf

Color Blindness Simulator