#42e4f5 hex color

In a RGB color space, hex #42e4f5 is composed of 25.9% red, 89.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 6.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 185.7 degrees, a saturation of 89.9% and a lightness of 61%. #42e4f5 color hex could be obtained by blending #84ffff with #00c9eb. Closest websafe color is: #33ccff.

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

● #42e4f5 color description : Bright cyan.

The hexadecimal color #42e4f5 has RGB values of R:66, G:228, B:245 and CMYK values of C:0.73, M:0.07, Y:0, K:0.04. Its decimal value is 4383989.

Hex triplet	42e4f5	`#42e4f5`
RGB Decimal	66, 228, 245	`rgb(66,228,245)`
RGB Percent	25.9, 89.4, 96.1	`rgb(25.9%,89.4%,96.1%)`
CMYK	73, 7, 0, 4
HSL	185.7°, 89.9, 61	`hsl(185.7,89.9%,61%)`
HSV (or HSB)	185.7°, 73.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.565, -35.273, -20.206
XYZ	46.467, 63.233, 96.137
xyY	0.226, 0.307, 63.233
CIE-LCH	83.565, 40.65, 209.807
CIE-LUV	83.565, -57.591, -27.047
Hunter-Lab	79.519, -34.853, -16.017
Binary	01000010, 11100100, 11110101

#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#f55342
```
#f55342 rgb(245,83,66)
```

Complementary Color

#42f5ad
```
#42f5ad rgb(66,245,173)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#428bf5
```
#428bf5 rgb(66,139,245)
```

Analogous Color

#f5ad42
```
#f5ad42 rgb(245,173,66)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#f5428b
```
#f5428b rgb(245,66,139)
```

Split Complementary Color

#e4f542
```
#e4f542 rgb(228,245,66)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#f542e4
```
#f542e4 rgb(245,66,228)
```

Triadic Color

#42f553
```
#42f553 rgb(66,245,83)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#f542e4
```
#f542e4 rgb(245,66,228)
```
#f55342
```
#f55342 rgb(245,83,66)
```

Tetradic Color

#0ccbdf
```
#0ccbdf rgb(12,203,223)
```
#12ddf2
```
#12ddf2 rgb(18,221,242)
```
#2ae1f4
```
#2ae1f4 rgb(42,225,244)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#5ae7f6
```
#5ae7f6 rgb(90,231,246)
```
#72ebf8
```
#72ebf8 rgb(114,235,248)
```
#8beef9
```
#8beef9 rgb(139,238,249)
```

Monochromatic Color

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

#42f5d9
```
#42f5d9 rgb(66,245,217)
```
#42f5e8
```
#42f5e8 rgb(66,245,232)
```
#42f3f5
```
#42f3f5 rgb(66,243,245)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#42d5f5
```
#42d5f5 rgb(66,213,245)
```
#42c6f5
```
#42c6f5 rgb(66,198,245)
```
#42b7f5
```
#42b7f5 rgb(66,183,245)
```

Similar Colors

Text with hexadecimal color #42e4f5

This text has a font color of #42e4f5.

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

#42e4f5 background color

This paragraph has a background color of #42e4f5.

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

#42e4f5 border color

This element has a border color of #42e4f5.

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

CSS codes

.text {color:#42e4f5;}

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

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

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

#010e10
```
#010e10 rgb(1,14,16)
```
#021f23
```
#021f23 rgb(2,31,35)
```
#033035
```
#033035 rgb(3,48,53)
```
#044148
```
#044148 rgb(4,65,72)
```
#05525a
```
#05525a rgb(5,82,90)
```
#06636d
```
#06636d rgb(6,99,109)
```
#077480
```
#077480 rgb(7,116,128)
```
#088592
```
#088592 rgb(8,133,146)
```
#0996a5
```
#0996a5 rgb(9,150,165)
```
#0aa7b8
```
#0aa7b8 rgb(10,167,184)
```
#0bb8ca
```
#0bb8ca rgb(11,184,202)
```
#0cc9dd
```
#0cc9dd rgb(12,201,221)
```
#0ddaef
```
#0ddaef rgb(13,218,239)
```

Shade Color Variation

#1ddff3
```
#1ddff3 rgb(29,223,243)
```
#2fe1f4
```
#2fe1f4 rgb(47,225,244)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#55e7f6
```
#55e7f6 rgb(85,231,246)
```
#67e9f7
```
#67e9f7 rgb(103,233,247)
```
#7aecf8
```
#7aecf8 rgb(122,236,248)
```
#8deff9
```
#8deff9 rgb(141,239,249)
```
#9ff1fa
```
#9ff1fa rgb(159,241,250)
```
#b2f4fb
```
#b2f4fb rgb(178,244,251)
```
#c4f7fc
```
#c4f7fc rgb(196,247,252)
```
#d7f9fd
```
#d7f9fd rgb(215,249,253)
```
#eafcfe
```
#eafcfe rgb(234,252,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#96a0a1
```
#96a0a1 rgb(150,160,161)
```
#8fa6a8
```
#8fa6a8 rgb(143,166,168)
```
#87acb0
```
#87acb0 rgb(135,172,176)
```
#7fb2b8
```
#7fb2b8 rgb(127,178,184)
```
#78b9bf
```
#78b9bf rgb(120,185,191)
```
#70bfc7
```
#70bfc7 rgb(112,191,199)
```
#68c5cf
```
#68c5cf rgb(104,197,207)
```
#61cbd6
```
#61cbd6 rgb(97,203,214)
```
#59d1de
```
#59d1de rgb(89,209,222)
```
#51d8e6
```
#51d8e6 rgb(81,216,230)
```
#4adeed
```
#4adeed rgb(74,222,237)
```
#42e4f5
```
#42e4f5 rgb(66,228,245)
```
#3aeafd
```
#3aeafd rgb(58,234,253)
```

Tone Color Variation

Below, you can see how #42e4f5 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
#9fbfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd1e9 Protanopia 1% of men
#cfcefe Deuteranopia 1% of men
#4ce5f6 Tritanopia 0.001% of the population

Trichromacy

#9bd8ed Protanomaly 1% of men, 0.01% of women
#9bd6fa Deuteranomaly 6% of men, 0.4% of women
#48e4f5 Tritanomaly 0.01% of the population

#42e4f5 hex color

#42e4f5 Color Information

#42e4f5 Color Conversion

Color Schemes with #42e4f5

Alternatives to #42e4f5

#42e4f5 Preview

Shades and Tints of #42e4f5

Tones of #42e4f5

Color Blindness Simulator