#42b4cd hex color

In a RGB color space, hex #42b4cd is composed of 25.9% red, 70.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 12.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 190.8 degrees, a saturation of 58.2% and a lightness of 53.1%. #42b4cd color hex could be obtained by blending #84ffff with #00699b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 71
- B 80
RGB color chart
- C 68
- M 12
- Y 0
- K 20
CMYK color chart

● #42b4cd color description : Moderate cyan.

The hexadecimal color #42b4cd has RGB values of R:66, G:180, B:205 and CMYK values of C:0.68, M:0.12, Y:0, K:0.2. Its decimal value is 4371661.

Hex triplet	42b4cd	`#42b4cd`
RGB Decimal	66, 180, 205	`rgb(66,180,205)`
RGB Percent	25.9, 70.6, 80.4	`rgb(25.9%,70.6%,80.4%)`
CMYK	68, 12, 0, 20
HSL	190.8°, 58.2, 53.1	`hsl(190.8,58.2%,53.1%)`
HSV (or HSB)	190.8°, 67.8, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.172, -23.958, -22.033
XYZ	29.584, 38.206, 63.57
xyY	0.225, 0.291, 38.206
CIE-LCH	68.172, 32.549, 222.604
CIE-LUV	68.172, -43.146, -30.96
Hunter-Lab	61.811, -22.734, -17.709
Binary	01000010, 10110100, 11001101

#42b4cd
```
#42b4cd rgb(66,180,205)
```
#cd5b42
```
#cd5b42 rgb(205,91,66)
```

Complementary Color

#42cda1
```
#42cda1 rgb(66,205,161)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#426fcd
```
#426fcd rgb(66,111,205)
```

Analogous Color

#cda142
```
#cda142 rgb(205,161,66)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#cd426f
```
#cd426f rgb(205,66,111)
```

Split Complementary Color

#b4cd42
```
#b4cd42 rgb(180,205,66)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#cd42b4
```
#cd42b4 rgb(205,66,180)
```

Triadic Color

#42cd5b
```
#42cd5b rgb(66,205,91)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#cd42b4
```
#cd42b4 rgb(205,66,180)
```
#cd5b42
```
#cd5b42 rgb(205,91,66)
```

Tetradic Color

#29859a
```
#29859a rgb(41,133,154)
```
#2e97ae
```
#2e97ae rgb(46,151,174)
```
#33a8c2
```
#33a8c2 rgb(51,168,194)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#56bcd2
```
#56bcd2 rgb(86,188,210)
```
#6ac4d8
```
#6ac4d8 rgb(106,196,216)
```
#7eccdd
```
#7eccdd rgb(126,204,221)
```

Monochromatic Color

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

#42cdc3
```
#42cdc3 rgb(66,205,195)
```
#42cbcd
```
#42cbcd rgb(66,203,205)
```
#42c0cd
```
#42c0cd rgb(66,192,205)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#42a8cd
```
#42a8cd rgb(66,168,205)
```
#429dcd
```
#429dcd rgb(66,157,205)
```
#4291cd
```
#4291cd rgb(66,145,205)
```

Similar Colors

Text with hexadecimal color #42b4cd

This text has a font color of #42b4cd.

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

#42b4cd background color

This paragraph has a background color of #42b4cd.

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

#42b4cd border color

This element has a border color of #42b4cd.

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

CSS codes

.text {color:#42b4cd;}

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

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

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, #030b0d is the darkest color, while #fcfefe is the lightest one.

#030b0d
```
#030b0d rgb(3,11,13)
```
#07181c
```
#07181c rgb(7,24,28)
```
#0c262c
```
#0c262c rgb(12,38,44)
```
#10333b
```
#10333b rgb(16,51,59)
```
#14414b
```
#14414b rgb(20,65,75)
```
#184e5a
```
#184e5a rgb(24,78,90)
```
#1c5c6a
```
#1c5c6a rgb(28,92,106)
```
#206979
```
#206979 rgb(32,105,121)
```
#247789
```
#247789 rgb(36,119,137)
```
#288498
```
#288498 rgb(40,132,152)
```
#2c92a8
```
#2c92a8 rgb(44,146,168)
```
#309fb7
```
#309fb7 rgb(48,159,183)
```
#35acc7
```
#35acc7 rgb(53,172,199)
```

Shade Color Variation

#42b4cd
```
#42b4cd rgb(66,180,205)
```
#52bad1
```
#52bad1 rgb(82,186,209)
```
#61c0d5
```
#61c0d5 rgb(97,192,213)
```
#71c6d9
```
#71c6d9 rgb(113,198,217)
```
#80cddd
```
#80cddd rgb(128,205,221)
```
#90d3e2
```
#90d3e2 rgb(144,211,226)
```
#9fd9e6
```
#9fd9e6 rgb(159,217,230)
```
#afdfea
```
#afdfea rgb(175,223,234)
```
#bee5ee
```
#bee5ee rgb(190,229,238)
```
#ceebf2
```
#ceebf2 rgb(206,235,242)
```
#ddf2f6
```
#ddf2f6 rgb(221,242,246)
```
#edf8fa
```
#edf8fa rgb(237,248,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828b8d is the less saturated color, while #14d1fb is the most saturated one.

#828b8d
```
#828b8d rgb(130,139,141)
```
#799196
```
#799196 rgb(121,145,150)
```
#70979f
```
#70979f rgb(112,151,159)
```
#679ca8
```
#679ca8 rgb(103,156,168)
```
#5ea2b1
```
#5ea2b1 rgb(94,162,177)
```
#54a8bb
```
#54a8bb rgb(84,168,187)
```
#4baec4
```
#4baec4 rgb(75,174,196)
```
#42b4cd
```
#42b4cd rgb(66,180,205)
```
#39bad6
```
#39bad6 rgb(57,186,214)
```
#30c0df
```
#30c0df rgb(48,192,223)
```
#26c6e9
```
#26c6e9 rgb(38,198,233)
```
#1dccf2
```
#1dccf2 rgb(29,204,242)
```
#14d1fb
```
#14d1fb rgb(20,209,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#849ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a9c6 Protanopia 1% of men
#a2a7d5 Deuteranopia 1% of men
#45b9c6 Tritanopia 0.001% of the population

Trichromacy

#80adc8 Protanomaly 1% of men, 0.01% of women
#7facd2 Deuteranomaly 6% of men, 0.4% of women
#44b7c9 Tritanomaly 0.01% of the population

#42b4cd hex color

#42b4cd Color Information

#42b4cd Color Conversion

Color Schemes with #42b4cd

Alternatives to #42b4cd

#42b4cd Preview

Shades and Tints of #42b4cd

Tones of #42b4cd

Color Blindness Simulator