#42e5f4 hex color

In a RGB color space, hex #42e5f4 is composed of 25.9% red, 89.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 6.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 185.1 degrees, a saturation of 89% and a lightness of 60.8%. #42e5f4 color hex could be obtained by blending #84ffff with #00cbe9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 90
- B 96
RGB color chart
- C 73
- M 6
- Y 0
- K 4
CMYK color chart

● #42e5f4 color description : Bright cyan.

The hexadecimal color #42e5f4 has RGB values of R:66, G:229, B:244 and CMYK values of C:0.73, M:0.06, Y:0, K:0.04. Its decimal value is 4384244.

Hex triplet	42e5f4	`#42e5f4`
RGB Decimal	66, 229, 244	`rgb(66,229,244)`
RGB Percent	25.9, 89.8, 95.7	`rgb(25.9%,89.8%,95.7%)`
CMYK	73, 6, 0, 4
HSL	185.1°, 89, 60.8	`hsl(185.1,89%,60.8%)`
HSV (or HSB)	185.1°, 73, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.822, -36.031, -19.29
XYZ	46.59, 63.724, 95.428
xyY	0.226, 0.31, 63.724
CIE-LCH	83.822, 40.87, 208.163
CIE-LUV	83.822, -58.006, -25.404
Hunter-Lab	79.827, -35.518, -14.997
Binary	01000010, 11100101, 11110100

#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#f45142
```
#f45142 rgb(244,81,66)
```

Complementary Color

#42f4aa
```
#42f4aa rgb(66,244,170)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#428cf4
```
#428cf4 rgb(66,140,244)
```

Analogous Color

#f4aa42
```
#f4aa42 rgb(244,170,66)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#f4428c
```
#f4428c rgb(244,66,140)
```

Split Complementary Color

#e5f442
```
#e5f442 rgb(229,244,66)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#f442e5
```
#f442e5 rgb(244,66,229)
```

Triadic Color

#42f451
```
#42f451 rgb(66,244,81)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#f442e5
```
#f442e5 rgb(244,66,229)
```
#f45142
```
#f45142 rgb(244,81,66)
```

Tetradic Color

#0dcbdd
```
#0dcbdd rgb(13,203,221)
```
#12def1
```
#12def1 rgb(18,222,241)
```
#2ae2f3
```
#2ae2f3 rgb(42,226,243)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#5ae8f5
```
#5ae8f5 rgb(90,232,245)
```
#72ecf7
```
#72ecf7 rgb(114,236,247)
```
#8aeff8
```
#8aeff8 rgb(138,239,248)
```

Monochromatic Color

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

#42f4d7
```
#42f4d7 rgb(66,244,215)
```
#42f4e5
```
#42f4e5 rgb(66,244,229)
```
#42f4f4
```
#42f4f4 rgb(66,244,244)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#42d6f4
```
#42d6f4 rgb(66,214,244)
```
#42c7f4
```
#42c7f4 rgb(66,199,244)
```
#42b9f4
```
#42b9f4 rgb(66,185,244)
```

Similar Colors

Text with hexadecimal color #42e5f4

This text has a font color of #42e5f4.

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

#42e5f4 background color

This paragraph has a background color of #42e5f4.

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

#42e5f4 border color

This element has a border color of #42e5f4.

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

CSS codes

.text {color:#42e5f4;}

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

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

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, #010e0f is the darkest color, while #fbffff is the lightest one.

#010e0f
```
#010e0f rgb(1,14,15)
```
#021f21
```
#021f21 rgb(2,31,33)
```
#033034
```
#033034 rgb(3,48,52)
```
#044147
```
#044147 rgb(4,65,71)
```
#055259
```
#055259 rgb(5,82,89)
```
#06636c
```
#06636c rgb(6,99,108)
```
#07747e
```
#07747e rgb(7,116,126)
```
#088591
```
#088591 rgb(8,133,145)
```
#0996a3
```
#0996a3 rgb(9,150,163)
```
#0ba7b6
```
#0ba7b6 rgb(11,167,182)
```
#0cb8c8
```
#0cb8c8 rgb(12,184,200)
```
#0dc9db
```
#0dc9db rgb(13,201,219)
```
#0edbed
```
#0edbed rgb(14,219,237)
```

Shade Color Variation

#1de0f2
```
#1de0f2 rgb(29,224,242)
```
#2fe2f3
```
#2fe2f3 rgb(47,226,243)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#55e8f5
```
#55e8f5 rgb(85,232,245)
```
#67eaf6
```
#67eaf6 rgb(103,234,246)
```
#7aedf7
```
#7aedf7 rgb(122,237,247)
```
#8ceff8
```
#8ceff8 rgb(140,239,248)
```
#9ff2f9
```
#9ff2f9 rgb(159,242,249)
```
#b1f4fa
```
#b1f4fa rgb(177,244,250)
```
#c4f7fc
```
#c4f7fc rgb(196,247,252)
```
#d6f9fd
```
#d6f9fd rgb(214,249,253)
```
#e9fcfe
```
#e9fcfe rgb(233,252,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979f9f is the less saturated color, while #3aebfc is the most saturated one.

#979f9f
```
#979f9f rgb(151,159,159)
```
#8fa5a7
```
#8fa5a7 rgb(143,165,167)
```
#87abaf
```
#87abaf rgb(135,171,175)
```
#80b2b6
```
#80b2b6 rgb(128,178,182)
```
#78b8be
```
#78b8be rgb(120,184,190)
```
#70bfc6
```
#70bfc6 rgb(112,191,198)
```
#68c5ce
```
#68c5ce rgb(104,197,206)
```
#61cbd5
```
#61cbd5 rgb(97,203,213)
```
#59d2dd
```
#59d2dd rgb(89,210,221)
```
#51d8e5
```
#51d8e5 rgb(81,216,229)
```
#4adfec
```
#4adfec rgb(74,223,236)
```
#42e5f4
```
#42e5f4 rgb(66,229,244)
```
#3aebfc
```
#3aebfc rgb(58,235,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9fbfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d1e8 Protanopia 1% of men
#d0cffd Deuteranopia 1% of men
#4de5f6 Tritanopia 0.001% of the population

Trichromacy

#9cd8ec Protanomaly 1% of men, 0.01% of women
#9cd7f9 Deuteranomaly 6% of men, 0.4% of women
#49e5f5 Tritanomaly 0.01% of the population

#42e5f4 hex color

#42e5f4 Color Information

#42e5f4 Color Conversion

Color Schemes with #42e5f4

Alternatives to #42e5f4

#42e5f4 Preview

Shades and Tints of #42e5f4

Tones of #42e5f4

Color Blindness Simulator