#3cf8dc hex color

In a RGB color space, hex #3cf8dc is composed of 23.5% red, 97.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 171.1 degrees, a saturation of 93.1% and a lightness of 60.4%. #3cf8dc color hex could be obtained by blending #78ffff with #00f1b9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 24
- G 97
- B 86
RGB color chart
- C 76
- M 0
- Y 11
- K 3
CMYK color chart

● #3cf8dc color description : Bright cyan.

The hexadecimal color #3cf8dc has RGB values of R:60, G:248, B:220 and CMYK values of C:0.76, M:0, Y:0.11, K:0.03. Its decimal value is 3995868.

Hex triplet	3cf8dc	`#3cf8dc`
RGB Decimal	60, 248, 220	`rgb(60,248,220)`
RGB Percent	23.5, 97.3, 86.3	`rgb(23.5%,97.3%,86.3%)`
CMYK	76, 0, 11, 3
HSL	171.1°, 93.1, 60.4	`hsl(171.1,93.1%,60.4%)`
HSV (or HSB)	171.1°, 75.8, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.571, -51.612, 0.353
XYZ	48.345, 73.258, 79.298
xyY	0.241, 0.365, 73.258
CIE-LCH	88.571, 51.614, 179.609
CIE-LUV	88.571, -67.044, 8.832
Hunter-Lab	85.591, -48.961, 4.982
Binary	00111100, 11111000, 11011100

#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#f83c58
```
#f83c58 rgb(248,60,88)
```

Complementary Color

#3cf87e
```
#3cf87e rgb(60,248,126)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#3cb6f8
```
#3cb6f8 rgb(60,182,248)
```

Analogous Color

#f87e3c
```
#f87e3c rgb(248,126,60)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#f83cb6
```
#f83cb6 rgb(248,60,182)
```

Split Complementary Color

#f8dc3c
```
#f8dc3c rgb(248,220,60)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#dc3cf8
```
#dc3cf8 rgb(220,60,248)
```

Triadic Color

#58f83c
```
#58f83c rgb(88,248,60)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#dc3cf8
```
#dc3cf8 rgb(220,60,248)
```
#f83c58
```
#f83c58 rgb(248,60,88)
```

Tetradic Color

#08dfbf
```
#08dfbf rgb(8,223,191)
```
#0bf6d3
```
#0bf6d3 rgb(11,246,211)
```
#23f7d8
```
#23f7d8 rgb(35,247,216)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#55f9e0
```
#55f9e0 rgb(85,249,224)
```
#6dfae5
```
#6dfae5 rgb(109,250,229)
```
#86fbe9
```
#86fbe9 rgb(134,251,233)
```

Monochromatic Color

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

#3cf8ad
```
#3cf8ad rgb(60,248,173)
```
#3cf8bd
```
#3cf8bd rgb(60,248,189)
```
#3cf8cc
```
#3cf8cc rgb(60,248,204)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#3cf8ec
```
#3cf8ec rgb(60,248,236)
```
#3cf5f8
```
#3cf5f8 rgb(60,245,248)
```
#3ce5f8
```
#3ce5f8 rgb(60,229,248)
```

Similar Colors

Text with hexadecimal color #3cf8dc

This text has a font color of #3cf8dc.

<span style="color:#3cf8dc;">Text here</span>

#3cf8dc background color

This paragraph has a background color of #3cf8dc.

<p style="background-color:#3cf8dc;">Content here</p>

#3cf8dc border color

This element has a border color of #3cf8dc.

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

CSS codes

.text {color:#3cf8dc;}

.background {background-color:#3cf8dc;}

.border {border:1px solid #3cf8dc;}

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, #000d0b is the darkest color, while #f9fffe is the lightest one.

#000d0b
```
#000d0b rgb(0,13,11)
```
#01201c
```
#01201c rgb(1,32,28)
```
#02332c
```
#02332c rgb(2,51,44)
```
#03463c
```
#03463c rgb(3,70,60)
```
#03594c
```
#03594c rgb(3,89,76)
```
#046c5c
```
#046c5c rgb(4,108,92)
```
#057f6d
```
#057f6d rgb(5,127,109)
```
#05927d
```
#05927d rgb(5,146,125)
```
#06a58d
```
#06a58d rgb(6,165,141)
```
#07b89d
```
#07b89d rgb(7,184,157)
```
#07cbae
```
#07cbae rgb(7,203,174)
```
#08debe
```
#08debe rgb(8,222,190)
```
#09f1ce
```
#09f1ce rgb(9,241,206)
```

Shade Color Variation

#16f7d5
```
#16f7d5 rgb(22,247,213)
```
#29f7d9
```
#29f7d9 rgb(41,247,217)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```
#4ff9df
```
#4ff9df rgb(79,249,223)
```
#62f9e3
```
#62f9e3 rgb(98,249,227)
```
#75fae6
```
#75fae6 rgb(117,250,230)
```
#88fbea
```
#88fbea rgb(136,251,234)
```
#9bfbed
```
#9bfbed rgb(155,251,237)
```
#aefcf0
```
#aefcf0 rgb(174,252,240)
```
#c1fdf4
```
#c1fdf4 rgb(193,253,244)
```
#d3fdf7
```
#d3fdf7 rgb(211,253,247)
```
#e6fefb
```
#e6fefb rgb(230,254,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999b9b is the less saturated color, while #3cf8dc is the most saturated one.

#999b9b
```
#999b9b rgb(153,155,155)
```
#91a3a0
```
#91a3a0 rgb(145,163,160)
```
#8aaaa5
```
#8aaaa5 rgb(138,170,165)
```
#82b2ab
```
#82b2ab rgb(130,178,171)
```
#7abab0
```
#7abab0 rgb(122,186,176)
```
#72c2b6
```
#72c2b6 rgb(114,194,182)
```
#6bc9bb
```
#6bc9bb rgb(107,201,187)
```
#63d1c1
```
#63d1c1 rgb(99,209,193)
```
#5bd9c6
```
#5bd9c6 rgb(91,217,198)
```
#53e1cc
```
#53e1cc rgb(83,225,204)
```
#4ce8d1
```
#4ce8d1 rgb(76,232,209)
```
#44f0d7
```
#44f0d7 rgb(68,240,215)
```
#3cf8dc
```
#3cf8dc rgb(60,248,220)
```

Tone Color Variation

Below, you can see how #3cf8dc 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

#bdbdbd Achromatopsia 0.005% of the population
#a3c9c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dfd0 Protanopia 1% of men
#f0d9e8 Deuteranopia 1% of men
#83efff Tritanopia 0.001% of the population

Trichromacy

#a9e8d4 Protanomaly 1% of men, 0.01% of women
#aee4e4 Deuteranomaly 6% of men, 0.4% of women
#69f2f2 Tritanomaly 0.01% of the population

#3cf8dc hex color

#3cf8dc Color Information

#3cf8dc Color Conversion

Color Schemes with #3cf8dc

Alternatives to #3cf8dc

#3cf8dc Preview

Shades and Tints of #3cf8dc

Tones of #3cf8dc

Color Blindness Simulator