#42ccdd hex color

In a RGB color space, hex #42ccdd is composed of 25.9% red, 80% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 7.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 186.6 degrees, a saturation of 69.5% and a lightness of 56.3%. #42ccdd color hex could be obtained by blending #84ffff with #0099bb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 80
- B 87
RGB color chart
- C 70
- M 8
- Y 0
- K 13
CMYK color chart

● #42ccdd color description : Bright cyan.

The hexadecimal color #42ccdd has RGB values of R:66, G:204, B:221 and CMYK values of C:0.7, M:0.08, Y:0, K:0.13. Its decimal value is 4377821.

Hex triplet	42ccdd	`#42ccdd`
RGB Decimal	66, 204, 221	`rgb(66,204,221)`
RGB Percent	25.9, 80, 86.7	`rgb(25.9%,80%,86.7%)`
CMYK	70, 8, 0, 13
HSL	186.6°, 69.5, 56.3	`hsl(186.6,69.5%,56.3%)`
HSV (or HSB)	186.6°, 70.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.799, -30.975, -19.156
XYZ	36.887, 49.561, 76.025
xyY	0.227, 0.305, 49.561
CIE-LCH	75.799, 36.42, 211.734
CIE-LUV	75.799, -50.765, -25.612
Hunter-Lab	70.4, -29.672, -14.748
Binary	01000010, 11001100, 11011101

#42ccdd
```
#42ccdd rgb(66,204,221)
```
#dd5342
```
#dd5342 rgb(221,83,66)
```

Complementary Color

#42dda1
```
#42dda1 rgb(66,221,161)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#427fdd
```
#427fdd rgb(66,127,221)
```

Analogous Color

#dda142
```
#dda142 rgb(221,161,66)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#dd427f
```
#dd427f rgb(221,66,127)
```

Split Complementary Color

#ccdd42
```
#ccdd42 rgb(204,221,66)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#dd42cc
```
#dd42cc rgb(221,66,204)
```

Triadic Color

#42dd53
```
#42dd53 rgb(66,221,83)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#dd42cc
```
#dd42cc rgb(221,66,204)
```
#dd5342
```
#dd5342 rgb(221,83,66)
```

Tetradic Color

#20a2b2
```
#20a2b2 rgb(32,162,178)
```
#24b6c8
```
#24b6c8 rgb(36,182,200)
```
#2cc6d9
```
#2cc6d9 rgb(44,198,217)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#58d2e1
```
#58d2e1 rgb(88,210,225)
```
#6dd8e5
```
#6dd8e5 rgb(109,216,229)
```
#83dde9
```
#83dde9 rgb(131,221,233)
```

Monochromatic Color

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

#42ddc7
```
#42ddc7 rgb(66,221,199)
```
#42ddd4
```
#42ddd4 rgb(66,221,212)
```
#42d9dd
```
#42d9dd rgb(66,217,221)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#42bfdd
```
#42bfdd rgb(66,191,221)
```
#42b2dd
```
#42b2dd rgb(66,178,221)
```
#42a5dd
```
#42a5dd rgb(66,165,221)
```

Similar Colors

Text with hexadecimal color #42ccdd

This text has a font color of #42ccdd.

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

#42ccdd background color

This paragraph has a background color of #42ccdd.

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

#42ccdd border color

This element has a border color of #42ccdd.

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

CSS codes

.text {color:#42ccdd;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#05191b
```
#05191b rgb(5,25,27)
```
#08282c
```
#08282c rgb(8,40,44)
```
#0b373c
```
#0b373c rgb(11,55,60)
```
#0e464d
```
#0e464d rgb(14,70,77)
```
#11555e
```
#11555e rgb(17,85,94)
```
#14646e
```
#14646e rgb(20,100,110)
```
#17737f
```
#17737f rgb(23,115,127)
```
#1a838f
```
#1a838f rgb(26,131,143)
```
#1d92a0
```
#1d92a0 rgb(29,146,160)
```
#20a1b1
```
#20a1b1 rgb(32,161,177)
```
#23b0c1
```
#23b0c1 rgb(35,176,193)
```
#26bfd2
```
#26bfd2 rgb(38,191,210)
```

Shade Color Variation

#31c8da
```
#31c8da rgb(49,200,218)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#53d0e0
```
#53d0e0 rgb(83,208,224)
```
#63d5e3
```
#63d5e3 rgb(99,213,227)
```
#74d9e6
```
#74d9e6 rgb(116,217,230)
```
#84dee9
```
#84dee9 rgb(132,222,233)
```
#95e2ec
```
#95e2ec rgb(149,226,236)
```
#a6e7ef
```
#a6e7ef rgb(166,231,239)
```
#b6ebf2
```
#b6ebf2 rgb(182,235,242)
```
#c7f0f5
```
#c7f0f5 rgb(199,240,245)
```
#d8f4f8
```
#d8f4f8 rgb(216,244,248)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9090 is the less saturated color, while #28e0f7 is the most saturated one.

#8f9090
```
#8f9090 rgb(143,144,144)
```
#879698
```
#879698 rgb(135,150,152)
```
#7e9da1
```
#7e9da1 rgb(126,157,161)
```
#75a4aa
```
#75a4aa rgb(117,164,170)
```
#6dabb2
```
#6dabb2 rgb(109,171,178)
```
#64b1bb
```
#64b1bb rgb(100,177,187)
```
#5cb8c3
```
#5cb8c3 rgb(92,184,195)
```
#53bfcc
```
#53bfcc rgb(83,191,204)
```
#4bc5d4
```
#4bc5d4 rgb(75,197,212)
```
#42ccdd
```
#42ccdd rgb(66,204,221)
```
#39d3e6
```
#39d3e6 rgb(57,211,230)
```
#31d9ee
```
#31d9ee rgb(49,217,238)
```
#28e0f7
```
#28e0f7 rgb(40,224,247)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#91adb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babdd4 Protanopia 1% of men
#babae6 Deuteranopia 1% of men
#4bcedd Tritanopia 0.001% of the population

Trichromacy

#8ec2d7 Protanomaly 1% of men, 0.01% of women
#8ec1e2 Deuteranomaly 6% of men, 0.4% of women
#47cddd Tritanomaly 0.01% of the population

#42ccdd hex color

#42ccdd Color Information

#42ccdd Color Conversion

Color Schemes with #42ccdd

Alternatives to #42ccdd

#42ccdd Preview

Shades and Tints of #42ccdd

Tones of #42ccdd

Color Blindness Simulator