#42afe1 hex color

In a RGB color space, hex #42afe1 is composed of 25.9% red, 68.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 22.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 198.9 degrees, a saturation of 72.6% and a lightness of 57.1%. #42afe1 color hex could be obtained by blending #84ffff with #005fc3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 69
- B 88
RGB color chart
- C 71
- M 22
- Y 0
- K 12
CMYK color chart

● #42afe1 color description : Bright blue.

The hexadecimal color #42afe1 has RGB values of R:66, G:175, B:225 and CMYK values of C:0.71, M:0.22, Y:0, K:0.12. Its decimal value is 4370401.

Hex triplet	42afe1	`#42afe1`
RGB Decimal	66, 175, 225	`rgb(66,175,225)`
RGB Percent	25.9, 68.6, 88.2	`rgb(25.9%,68.6%,88.2%)`
CMYK	71, 22, 0, 12
HSL	198.9°, 72.6, 57.1	`hsl(198.9,72.6%,57.1%)`
HSV (or HSB)	198.9°, 70.7, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.466, -14.986, -34.108
XYZ	31.164, 37.252, 76.778
xyY	0.215, 0.257, 37.252
CIE-LCH	67.466, 37.255, 246.281
CIE-LUV	67.466, -40.232, -52.283
Hunter-Lab	61.034, -15.669, -31.86
Binary	01000010, 10101111, 11100001

#42afe1
```
#42afe1 rgb(66,175,225)
```
#e17442
```
#e17442 rgb(225,116,66)
```

Complementary Color

#42e1c4
```
#42e1c4 rgb(66,225,196)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#4260e1
```
#4260e1 rgb(66,96,225)
```

Analogous Color

#e1c442
```
#e1c442 rgb(225,196,66)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#e14260
```
#e14260 rgb(225,66,96)
```

Split Complementary Color

#afe142
```
#afe142 rgb(175,225,66)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#e142af
```
#e142af rgb(225,66,175)
```

Triadic Color

#42e174
```
#42e174 rgb(66,225,116)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#e142af
```
#e142af rgb(225,66,175)
```
#e17442
```
#e17442 rgb(225,116,66)
```

Tetradic Color

#1d88b9
```
#1d88b9 rgb(29,136,185)
```
#2198cf
```
#2198cf rgb(33,152,207)
```
#2ca6de
```
#2ca6de rgb(44,166,222)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#58b8e4
```
#58b8e4 rgb(88,184,228)
```
#6ec2e8
```
#6ec2e8 rgb(110,194,232)
```
#84cbeb
```
#84cbeb rgb(132,203,235)
```

Monochromatic Color

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

#42d7e1
```
#42d7e1 rgb(66,215,225)
```
#42cae1
```
#42cae1 rgb(66,202,225)
```
#42bce1
```
#42bce1 rgb(66,188,225)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#42a2e1
```
#42a2e1 rgb(66,162,225)
```
#4295e1
```
#4295e1 rgb(66,149,225)
```
#4287e1
```
#4287e1 rgb(66,135,225)
```

Similar Colors

Text with hexadecimal color #42afe1

This text has a font color of #42afe1.

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

#42afe1 background color

This paragraph has a background color of #42afe1.

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

#42afe1 border color

This element has a border color of #42afe1.

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

CSS codes

.text {color:#42afe1;}

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

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

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

#020a0e
```
#020a0e rgb(2,10,14)
```
#05171f
```
#05171f rgb(5,23,31)
```
#082330
```
#082330 rgb(8,35,48)
```
#0a3041
```
#0a3041 rgb(10,48,65)
```
#0d3c52
```
#0d3c52 rgb(13,60,82)
```
#104963
```
#104963 rgb(16,73,99)
```
#125574
```
#125574 rgb(18,85,116)
```
#156285
```
#156285 rgb(21,98,133)
```
#186e96
```
#186e96 rgb(24,110,150)
```
#1a7aa6
```
#1a7aa6 rgb(26,122,166)
```
#1d87b7
```
#1d87b7 rgb(29,135,183)
```
#2093c8
```
#2093c8 rgb(32,147,200)
```
#22a0d9
```
#22a0d9 rgb(34,160,217)
```

Shade Color Variation

#31a8de
```
#31a8de rgb(49,168,222)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#53b6e4
```
#53b6e4 rgb(83,182,228)
```
#64bde6
```
#64bde6 rgb(100,189,230)
```
#75c4e9
```
#75c4e9 rgb(117,196,233)
```
#86ccec
```
#86ccec rgb(134,204,236)
```
#97d3ee
```
#97d3ee rgb(151,211,238)
```
#a8daf1
```
#a8daf1 rgb(168,218,241)
```
#b8e1f4
```
#b8e1f4 rgb(184,225,244)
```
#c9e8f6
```
#c9e8f6 rgb(201,232,246)
```
#daeff9
```
#daeff9 rgb(218,239,249)
```
#ebf7fc
```
#ebf7fc rgb(235,247,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#8e9395
```
#8e9395 rgb(142,147,149)
```
#85969e
```
#85969e rgb(133,150,158)
```
#7d99a6
```
#7d99a6 rgb(125,153,166)
```
#759cae
```
#759cae rgb(117,156,174)
```
#6c9fb7
```
#6c9fb7 rgb(108,159,183)
```
#64a2bf
```
#64a2bf rgb(100,162,191)
```
#5ba6c8
```
#5ba6c8 rgb(91,166,200)
```
#53a9d0
```
#53a9d0 rgb(83,169,208)
```
#4aacd9
```
#4aacd9 rgb(74,172,217)
```
#42afe1
```
#42afe1 rgb(66,175,225)
```
#3ab2e9
```
#3ab2e9 rgb(58,178,233)
```
#31b5f2
```
#31b5f2 rgb(49,181,242)
```
#29b8fa
```
#29b8fa rgb(41,184,250)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8499a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a7da Protanopia 1% of men
#90a7e7 Deuteranopia 1% of men
#2fb8c6 Tritanopia 0.001% of the population

Trichromacy

#79a9dc Protanomaly 1% of men, 0.01% of women
#74aae4 Deuteranomaly 6% of men, 0.4% of women
#36b5cf Tritanomaly 0.01% of the population

#42afe1 hex color

#42afe1 Color Information

#42afe1 Color Conversion

Color Schemes with #42afe1

Alternatives to #42afe1

#42afe1 Preview

Shades and Tints of #42afe1

Tones of #42afe1

Color Blindness Simulator