colorhexa.com

#42b8cc hex color

In a RGB color space, hex #42b8cc is composed of 25.9% red, 72.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 9.8% magenta, 0% yellow and 20% black. It has a hue angle of 188.7 degrees, a saturation of 57.5% and a lightness of 52.9%. #42b8cc color hex could be obtained by blending #84ffff with #007199. Closest websafe color is: #33cccc.

- R 26
- G 72
- B 80
RGB color chart
- C 68
- M 10
- Y 0
- K 20
CMYK color chart

● #42b8cc color description : Moderate cyan.

The hexadecimal color #42b8cc has RGB values of R:66, G:184, B:204 and CMYK values of C:0.68, M:0.1, Y:0, K:0.2. Its decimal value is 4372684.

Hex triplet	42b8cc	`#42b8cc`
RGB Decimal	66, 184, 204	`rgb(66,184,204)`
RGB Percent	25.9, 72.2, 80	`rgb(25.9%,72.2%,80%)`
CMYK	68, 10, 0, 20
HSL	188.7°, 57.5, 52.9	`hsl(188.7,57.5%,52.9%)`
HSV (or HSB)	188.7°, 67.6, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.324, -26.276, -19.73
XYZ	30.283, 39.796, 63.209
xyY	0.227, 0.299, 39.796
CIE-LCH	69.324, 32.859, 216.902
CIE-LUV	69.324, -44.653, -26.915
Hunter-Lab	63.084, -24.71, -15.248
Binary	01000010, 10111000, 11001100

#42b8cc
```
#42b8cc rgb(66,184,204)
```
#cc5642
```
#cc5642 rgb(204,86,66)
```

Complementary Color

#42cc9b
```
#42cc9b rgb(66,204,155)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#4273cc
```
#4273cc rgb(66,115,204)
```

Analogous Color

#cc9b42
```
#cc9b42 rgb(204,155,66)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#cc4273
```
#cc4273 rgb(204,66,115)
```

Split Complementary Color

#b8cc42
```
#b8cc42 rgb(184,204,66)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#cc42b8
```
#cc42b8 rgb(204,66,184)
```

Triadic Color

#42cc56
```
#42cc56 rgb(66,204,86)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#cc42b8
```
#cc42b8 rgb(204,66,184)
```
#cc5642
```
#cc5642 rgb(204,86,66)
```

Tetradic Color

#298898
```
#298898 rgb(41,136,152)
```
#2f9aac
```
#2f9aac rgb(47,154,172)
```
#34acc1
```
#34acc1 rgb(52,172,193)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#56c0d1
```
#56c0d1 rgb(86,192,209)
```
#6ac7d7
```
#6ac7d7 rgb(106,199,215)
```
#7ecfdc
```
#7ecfdc rgb(126,207,220)
```

Monochromatic Color

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

#42ccbe
```
#42ccbe rgb(66,204,190)
```
#42ccc9
```
#42ccc9 rgb(66,204,201)
```
#42c4cc
```
#42c4cc rgb(66,196,204)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#42adcc
```
#42adcc rgb(66,173,204)
```
#42a1cc
```
#42a1cc rgb(66,161,204)
```
#4296cc
```
#4296cc rgb(66,150,204)
```

Similar Colors

Text with hexadecimal color #42b8cc

This text has a font color of #42b8cc.

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

#42b8cc background color

This paragraph has a background color of #42b8cc.

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

#42b8cc border color

This element has a border color of #42b8cc.

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

CSS codes

.text {color:#42b8cc;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#07181b
```
#07181b rgb(7,24,27)
```
#0c262b
```
#0c262b rgb(12,38,43)
```
#10343a
```
#10343a rgb(16,52,58)
```
#14424a
```
#14424a rgb(20,66,74)
```
#185059
```
#185059 rgb(24,80,89)
```
#1c5d68
```
#1c5d68 rgb(28,93,104)
```
#206b78
```
#206b78 rgb(32,107,120)
```
#257987
```
#257987 rgb(37,121,135)
```
#298797
```
#298797 rgb(41,135,151)
```
#2d95a6
```
#2d95a6 rgb(45,149,166)
```
#31a3b6
```
#31a3b6 rgb(49,163,182)
```
#35b0c5
```
#35b0c5 rgb(53,176,197)
```

Shade Color Variation

#42b8cc
```
#42b8cc rgb(66,184,204)
```
#51bed0
```
#51bed0 rgb(81,190,208)
```
#61c4d4
```
#61c4d4 rgb(97,196,212)
```
#70c9d9
```
#70c9d9 rgb(112,201,217)
```
#80cfdd
```
#80cfdd rgb(128,207,221)
```
#8fd5e1
```
#8fd5e1 rgb(143,213,225)
```
#9fdbe5
```
#9fdbe5 rgb(159,219,229)
```
#aee1e9
```
#aee1e9 rgb(174,225,233)
```
#bee6ed
```
#bee6ed rgb(190,230,237)
```
#cdecf2
```
#cdecf2 rgb(205,236,242)
```
#dcf2f6
```
#dcf2f6 rgb(220,242,246)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#838a8b
```
#838a8b rgb(131,138,139)
```
#799195
```
#799195 rgb(121,145,149)
```
#70979e
```
#70979e rgb(112,151,158)
```
#679ea7
```
#679ea7 rgb(103,158,167)
```
#5ea4b0
```
#5ea4b0 rgb(94,164,176)
```
#54abba
```
#54abba rgb(84,171,186)
```
#4bb1c3
```
#4bb1c3 rgb(75,177,195)
```
#42b8cc
```
#42b8cc rgb(66,184,204)
```
#39bfd5
```
#39bfd5 rgb(57,191,213)
```
#30c5de
```
#30c5de rgb(48,197,222)
```
#26cce8
```
#26cce8 rgb(38,204,232)
```
#1dd2f1
```
#1dd2f1 rgb(29,210,241)
```
#14d9fa
```
#14d9fa rgb(20,217,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#869ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9acc5 Protanopia 1% of men
#a8aad5 Deuteranopia 1% of men
#48bcca Tritanopia 0.001% of the population

Trichromacy

#83b0c7 Protanomaly 1% of men, 0.01% of women
#83afd1 Deuteranomaly 6% of men, 0.4% of women
#46baca Tritanomaly 0.01% of the population