#42d4cc hex color

In a RGB color space, hex #42d4cc is composed of 25.9% red, 83.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 0% magenta, 3.8% yellow and 16.9% black. It has a hue angle of 176.7 degrees, a saturation of 62.9% and a lightness of 54.5%. #42d4cc color hex could be obtained by blending #84ffff with #00a999. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 83
- B 80
RGB color chart
- C 69
- M 0
- Y 4
- K 17
CMYK color chart

● #42d4cc color description : Moderate cyan.

The hexadecimal color #42d4cc has RGB values of R:66, G:212, B:204 and CMYK values of C:0.69, M:0, Y:0.04, K:0.17. Its decimal value is 4379852.

Hex triplet	42d4cc	`#42d4cc`
RGB Decimal	66, 212, 204	`rgb(66,212,204)`
RGB Percent	25.9, 83.1, 80	`rgb(25.9%,83.1%,80%)`
CMYK	69, 0, 4, 17
HSL	176.7°, 62.9, 54.5	`hsl(176.7,62.9%,54.5%)`
HSV (or HSB)	176.7°, 68.9, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.639, -39.57, -7.251
XYZ	36.686, 52.602, 65.343
xyY	0.237, 0.34, 52.602
CIE-LCH	77.639, 40.229, 190.384
CIE-LUV	77.639, -54.723, -5.041
Hunter-Lab	72.527, -36.632, -2.648
Binary	01000010, 11010100, 11001100

#42d4cc
```
#42d4cc rgb(66,212,204)
```
#d4424a
```
#d4424a rgb(212,66,74)
```

Complementary Color

#42d483
```
#42d483 rgb(66,212,131)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#4293d4
```
#4293d4 rgb(66,147,212)
```

Analogous Color

#d48342
```
#d48342 rgb(212,131,66)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#d44293
```
#d44293 rgb(212,66,147)
```

Split Complementary Color

#d4cc42
```
#d4cc42 rgb(212,204,66)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#cc42d4
```
#cc42d4 rgb(204,66,212)
```

Triadic Color

#4ad442
```
#4ad442 rgb(74,212,66)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#cc42d4
```
#cc42d4 rgb(204,66,212)
```
#d4424a
```
#d4424a rgb(212,66,74)
```

Tetradic Color

#25a49d
```
#25a49d rgb(37,164,157)
```
#2ab9b1
```
#2ab9b1 rgb(42,185,177)
```
#2fcec5
```
#2fcec5 rgb(47,206,197)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#57d9d2
```
#57d9d2 rgb(87,217,210)
```
#6cddd7
```
#6cddd7 rgb(108,221,215)
```
#80e2dd
```
#80e2dd rgb(128,226,221)
```

Monochromatic Color

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

#42d4a8
```
#42d4a8 rgb(66,212,168)
```
#42d4b4
```
#42d4b4 rgb(66,212,180)
```
#42d4c0
```
#42d4c0 rgb(66,212,192)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#42d0d4
```
#42d0d4 rgb(66,208,212)
```
#42c4d4
```
#42c4d4 rgb(66,196,212)
```
#42b8d4
```
#42b8d4 rgb(66,184,212)
```

Similar Colors

Text with hexadecimal color #42d4cc

This text has a font color of #42d4cc.

<span style="color:#42d4cc;">Text here</span>

#42d4cc background color

This paragraph has a background color of #42d4cc.

<p style="background-color:#42d4cc;">Content here</p>

#42d4cc border color

This element has a border color of #42d4cc.

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

CSS codes

.text {color:#42d4cc;}

.background {background-color:#42d4cc;}

.border {border:1px solid #42d4cc;}

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

#010303
```
#010303 rgb(1,3,3)
```
#041312
```
#041312 rgb(4,19,18)
```
#082321
```
#082321 rgb(8,35,33)
```
#0c3331
```
#0c3331 rgb(12,51,49)
```
#0f4340
```
#0f4340 rgb(15,67,64)
```
#13534f
```
#13534f rgb(19,83,79)
```
#16635e
```
#16635e rgb(22,99,94)
```
#1a736e
```
#1a736e rgb(26,115,110)
```
#1e837d
```
#1e837d rgb(30,131,125)
```
#21938c
```
#21938c rgb(33,147,140)
```
#25a39c
```
#25a39c rgb(37,163,156)
```
#29b3ab
```
#29b3ab rgb(41,179,171)
```
#2cc3ba
```
#2cc3ba rgb(44,195,186)
```

Shade Color Variation

#32d0c8
```
#32d0c8 rgb(50,208,200)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#52d8d0
```
#52d8d0 rgb(82,216,208)
```
#62dbd5
```
#62dbd5 rgb(98,219,213)
```
#72dfd9
```
#72dfd9 rgb(114,223,217)
```
#82e3dd
```
#82e3dd rgb(130,227,221)
```
#92e6e2
```
#92e6e2 rgb(146,230,226)
```
#a2eae6
```
#a2eae6 rgb(162,234,230)
```
#b2edea
```
#b2edea rgb(178,237,234)
```
#c2f1ee
```
#c2f1ee rgb(194,241,238)
```
#d2f5f3
```
#d2f5f3 rgb(210,245,243)
```
#e2f8f7
```
#e2f8f7 rgb(226,248,247)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d8c is the less saturated color, while #1ef8ec is the most saturated one.

#898d8c
```
#898d8c rgb(137,141,140)
```
#809694
```
#809694 rgb(128,150,148)
```
#789e9c
```
#789e9c rgb(120,158,156)
```
#6fa7a4
```
#6fa7a4 rgb(111,167,164)
```
#66b0ac
```
#66b0ac rgb(102,176,172)
```
#5db9b4
```
#5db9b4 rgb(93,185,180)
```
#54c2bc
```
#54c2bc rgb(84,194,188)
```
#4bcbc4
```
#4bcbc4 rgb(75,203,196)
```
#42d4cc
```
#42d4cc rgb(66,212,204)
```
#39ddd4
```
#39ddd4 rgb(57,221,212)
```
#30e6dc
```
#30e6dc rgb(48,230,220)
```
#27efe4
```
#27efe4 rgb(39,239,228)
```
#1ef8ec
```
#1ef8ec rgb(30,248,236)
```

Tone Color Variation

Below, you can see how #42d4cc 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

#a7a7a7 Achromatopsia 0.005% of the population
#93b0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c3 Protanopia 1% of men
#cbbed7 Deuteranopia 1% of men
#59d3e2 Tritanopia 0.001% of the population

Trichromacy

#96c8c6 Protanomaly 1% of men, 0.01% of women
#99c6d3 Deuteranomaly 6% of men, 0.4% of women
#50d3da Tritanomaly 0.01% of the population

#42d4cc hex color

#42d4cc Color Information

#42d4cc Color Conversion

Color Schemes with #42d4cc

Alternatives to #42d4cc

#42d4cc Preview

Shades and Tints of #42d4cc

Tones of #42d4cc

Color Blindness Simulator