#42c4e2 hex color

In a RGB color space, hex #42c4e2 is composed of 25.9% red, 76.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 13.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 191.3 degrees, a saturation of 73.4% and a lightness of 57.3%. #42c4e2 color hex could be obtained by blending #84ffff with #0089c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 77
- B 89
RGB color chart
- C 71
- M 13
- Y 0
- K 11
CMYK color chart

● #42c4e2 color description : Bright cyan.

The hexadecimal color #42c4e2 has RGB values of R:66, G:196, B:226 and CMYK values of C:0.71, M:0.13, Y:0, K:0.11. Its decimal value is 4375778.

Hex triplet	42c4e2	`#42c4e2`
RGB Decimal	66, 196, 226	`rgb(66,196,226)`
RGB Percent	25.9, 76.9, 88.6	`rgb(25.9%,76.9%,88.6%)`
CMYK	71, 13, 0, 11
HSL	191.3°, 73.4, 57.3	`hsl(191.3,73.4%,57.3%)`
HSV (or HSB)	191.3°, 70.8, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.627, -25.533, -25.162
XYZ	35.71, 46.126, 78.969
xyY	0.222, 0.287, 46.126
CIE-LCH	73.627, 35.848, 224.58
CIE-LUV	73.627, -47.61, -36.3
Hunter-Lab	67.916, -24.998, -21.397
Binary	01000010, 11000100, 11100010

#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#e26042
```
#e26042 rgb(226,96,66)
```

Complementary Color

#42e2b0
```
#42e2b0 rgb(66,226,176)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#4274e2
```
#4274e2 rgb(66,116,226)
```

Analogous Color

#e2b042
```
#e2b042 rgb(226,176,66)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#e24274
```
#e24274 rgb(226,66,116)
```

Split Complementary Color

#c4e242
```
#c4e242 rgb(196,226,66)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#e242c4
```
#e242c4 rgb(226,66,196)
```

Triadic Color

#42e260
```
#42e260 rgb(66,226,96)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#e242c4
```
#e242c4 rgb(226,66,196)
```
#e26042
```
#e26042 rgb(226,96,66)
```

Tetradic Color

#1d9dbb
```
#1d9dbb rgb(29,157,187)
```
#20b0d1
```
#20b0d1 rgb(32,176,209)
```
#2cbddf
```
#2cbddf rgb(44,189,223)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#58cbe5
```
#58cbe5 rgb(88,203,229)
```
#6ed2e9
```
#6ed2e9 rgb(110,210,233)
```
#84d9ec
```
#84d9ec rgb(132,217,236)
```

Monochromatic Color

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

#42e2d8
```
#42e2d8 rgb(66,226,216)
```
#42dfe2
```
#42dfe2 rgb(66,223,226)
```
#42d1e2
```
#42d1e2 rgb(66,209,226)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#42b7e2
```
#42b7e2 rgb(66,183,226)
```
#42a9e2
```
#42a9e2 rgb(66,169,226)
```
#429ce2
```
#429ce2 rgb(66,156,226)
```

Similar Colors

Text with hexadecimal color #42c4e2

This text has a font color of #42c4e2.

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

#42c4e2 background color

This paragraph has a background color of #42c4e2.

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

#42c4e2 border color

This element has a border color of #42c4e2.

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

CSS codes

.text {color:#42c4e2;}

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

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

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

#020d0f
```
#020d0f rgb(2,13,15)
```
#051b20
```
#051b20 rgb(5,27,32)
```
#082931
```
#082931 rgb(8,41,49)
```
#0a3842
```
#0a3842 rgb(10,56,66)
```
#0d4653
```
#0d4653 rgb(13,70,83)
```
#0f5464
```
#0f5464 rgb(15,84,100)
```
#126375
```
#126375 rgb(18,99,117)
```
#157186
```
#157186 rgb(21,113,134)
```
#177f97
```
#177f97 rgb(23,127,151)
```
#1a8da8
```
#1a8da8 rgb(26,141,168)
```
#1c9cb9
```
#1c9cb9 rgb(28,156,185)
```
#1faaca
```
#1faaca rgb(31,170,202)
```
#22b8db
```
#22b8db rgb(34,184,219)
```

Shade Color Variation

#31bfdf
```
#31bfdf rgb(49,191,223)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#53c9e5
```
#53c9e5 rgb(83,201,229)
```
#64cfe7
```
#64cfe7 rgb(100,207,231)
```
#75d4ea
```
#75d4ea rgb(117,212,234)
```
#86d9ec
```
#86d9ec rgb(134,217,236)
```
#97dfef
```
#97dfef rgb(151,223,239)
```
#a8e4f2
```
#a8e4f2 rgb(168,228,242)
```
#b9e9f4
```
#b9e9f4 rgb(185,233,244)
```
#caeef7
```
#caeef7 rgb(202,238,247)
```
#dbf4f9
```
#dbf4f9 rgb(219,244,249)
```
#ecf9fc
```
#ecf9fc rgb(236,249,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8d9597
```
#8d9597 rgb(141,149,151)
```
#859a9f
```
#859a9f rgb(133,154,159)
```
#7d9fa7
```
#7d9fa7 rgb(125,159,167)
```
#74a5b0
```
#74a5b0 rgb(116,165,176)
```
#6caab8
```
#6caab8 rgb(108,170,184)
```
#64afc0
```
#64afc0 rgb(100,175,192)
```
#5bb4c9
```
#5bb4c9 rgb(91,180,201)
```
#53bad1
```
#53bad1 rgb(83,186,209)
```
#4abfda
```
#4abfda rgb(74,191,218)
```
#42c4e2
```
#42c4e2 rgb(66,196,226)
```
#3ac9ea
```
#3ac9ea rgb(58,201,234)
```
#31cef3
```
#31cef3 rgb(49,206,243)
```
#29d4fb
```
#29d4fb rgb(41,212,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8ea8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b7d9 Protanopia 1% of men
#adb5ea Deuteranopia 1% of men
#41c9d7 Tritanopia 0.001% of the population

Trichromacy

#88bbdc Protanomaly 1% of men, 0.01% of women
#86bae7 Deuteranomaly 6% of men, 0.4% of women
#41c7db Tritanomaly 0.01% of the population

#42c4e2 hex color

#42c4e2 Color Information

#42c4e2 Color Conversion

Color Schemes with #42c4e2

Alternatives to #42c4e2

#42c4e2 Preview

Shades and Tints of #42c4e2

Tones of #42c4e2

Color Blindness Simulator