colorhexa.com

#3cf2d0 hex color

In a RGB color space, hex #3cf2d0 is composed of 23.5% red, 94.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 0% magenta, 14% yellow and 5.1% black. It has a hue angle of 168.8 degrees, a saturation of 87.5% and a lightness of 59.2%. #3cf2d0 color hex could be obtained by blending #78ffff with #00e5a1. Closest websafe color is: #33ffcc.

- R 24
- G 95
- B 82
RGB color chart
- C 75
- M 0
- Y 14
- K 5
CMYK color chart

● #3cf2d0 color description : Bright cyan.

The hexadecimal color #3cf2d0 has RGB values of R:60, G:242, B:208 and CMYK values of C:0.75, M:0, Y:0.14, K:0.05. Its decimal value is 3994320.

Hex triplet	3cf2d0	`#3cf2d0`
RGB Decimal	60, 242, 208	`rgb(60,242,208)`
RGB Percent	23.5, 94.9, 81.6	`rgb(23.5%,94.9%,81.6%)`
CMYK	75, 0, 14, 5
HSL	168.8°, 87.5, 59.2	`hsl(168.8,87.5%,59.2%)`
HSV (or HSB)	168.8°, 75.2, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.511, -52.17, 3.621
XYZ	44.997, 69.015, 70.621
xyY	0.244, 0.374, 69.015
CIE-LCH	86.511, 52.296, 176.03
CIE-LUV	86.511, -65.836, 13.931
Hunter-Lab	83.075, -48.699, 7.751
Binary	00111100, 11110010, 11010000

#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#f23c5e
```
#f23c5e rgb(242,60,94)
```

Complementary Color

#3cf275
```
#3cf275 rgb(60,242,117)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#3cb9f2
```
#3cb9f2 rgb(60,185,242)
```

Analogous Color

#f2753c
```
#f2753c rgb(242,117,60)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#f23cb9
```
#f23cb9 rgb(242,60,185)
```

Split Complementary Color

#f2d03c
```
#f2d03c rgb(242,208,60)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#d03cf2
```
#d03cf2 rgb(208,60,242)
```

Triadic Color

#5ef23c
```
#5ef23c rgb(94,242,60)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#d03cf2
```
#d03cf2 rgb(208,60,242)
```
#f23c5e
```
#f23c5e rgb(242,60,94)
```

Tetradic Color

#0ed3af
```
#0ed3af rgb(14,211,175)
```
#10ebc2
```
#10ebc2 rgb(16,235,194)
```
#24f0ca
```
#24f0ca rgb(36,240,202)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#54f4d6
```
#54f4d6 rgb(84,244,214)
```
#6cf5dc
```
#6cf5dc rgb(108,245,220)
```
#84f7e1
```
#84f7e1 rgb(132,247,225)
```

Monochromatic Color

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

#3cf2a3
```
#3cf2a3 rgb(60,242,163)
```
#3cf2b2
```
#3cf2b2 rgb(60,242,178)
```
#3cf2c1
```
#3cf2c1 rgb(60,242,193)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#3cf2df
```
#3cf2df rgb(60,242,223)
```
#3cf2ee
```
#3cf2ee rgb(60,242,238)
```
#3ce7f2
```
#3ce7f2 rgb(60,231,242)
```

Similar Colors

Text with hexadecimal color #3cf2d0

This text has a font color of #3cf2d0.

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

#3cf2d0 background color

This paragraph has a background color of #3cf2d0.

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

#3cf2d0 border color

This element has a border color of #3cf2d0.

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

CSS codes

.text {color:#3cf2d0;}

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

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

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, #000706 is the darkest color, while #f4fefc is the lightest one.

#000706
```
#000706 rgb(0,7,6)
```
#021a15
```
#021a15 rgb(2,26,21)
```
#032c24
```
#032c24 rgb(3,44,36)
```
#043e34
```
#043e34 rgb(4,62,52)
```
#055143
```
#055143 rgb(5,81,67)
```
#076352
```
#076352 rgb(7,99,82)
```
#087661
```
#087661 rgb(8,118,97)
```
#098870
```
#098870 rgb(9,136,112)
```
#0a9a7f
```
#0a9a7f rgb(10,154,127)
```
#0cad8f
```
#0cad8f rgb(12,173,143)
```
#0dbf9e
```
#0dbf9e rgb(13,191,158)
```
#0ed2ad
```
#0ed2ad rgb(14,210,173)
```
#0fe4bc
```
#0fe4bc rgb(15,228,188)
```

Shade Color Variation

#17f0c7
```
#17f0c7 rgb(23,240,199)
```
#2af1cc
```
#2af1cc rgb(42,241,204)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#4ef3d4
```
#4ef3d4 rgb(78,243,212)
```
#61f4d9
```
#61f4d9 rgb(97,244,217)
```
#73f6dd
```
#73f6dd rgb(115,246,221)
```
#86f7e2
```
#86f7e2 rgb(134,247,226)
```
#98f8e6
```
#98f8e6 rgb(152,248,230)
```
#aaf9eb
```
#aaf9eb rgb(170,249,235)
```
#bdfbef
```
#bdfbef rgb(189,251,239)
```
#cffcf3
```
#cffcf3 rgb(207,252,243)
```
#e2fdf8
```
#e2fdf8 rgb(226,253,248)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949a99 is the less saturated color, while #34fad5 is the most saturated one.

#949a99
```
#949a99 rgb(148,154,153)
```
#8ca29e
```
#8ca29e rgb(140,162,158)
```
#84aaa3
```
#84aaa3 rgb(132,170,163)
```
#7cb2a8
```
#7cb2a8 rgb(124,178,168)
```
#74baad
```
#74baad rgb(116,186,173)
```
#6cc2b2
```
#6cc2b2 rgb(108,194,178)
```
#64cab7
```
#64cab7 rgb(100,202,183)
```
#5cd2bc
```
#5cd2bc rgb(92,210,188)
```
#54dac1
```
#54dac1 rgb(84,218,193)
```
#4ce2c6
```
#4ce2c6 rgb(76,226,198)
```
#44eacb
```
#44eacb rgb(68,234,203)
```
#3cf2d0
```
#3cf2d0 rgb(60,242,208)
```
#34fad5
```
#34fad5 rgb(52,250,213)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9fc4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d9c6 Protanopia 1% of men
#edd4dd Deuteranopia 1% of men
#64ecfd Tritanopia 0.001% of the population

Trichromacy

#a6e2c9 Protanomaly 1% of men, 0.01% of women
#acdfd8 Deuteranomaly 6% of men, 0.4% of women
#55eeed Tritanomaly 0.01% of the population