#42afd8 hex color

In a RGB color space, hex #42afd8 is composed of 25.9% red, 68.6% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 19% magenta, 0% yellow and 15.3% black. It has a hue angle of 196.4 degrees, a saturation of 65.8% and a lightness of 55.3%. #42afd8 color hex could be obtained by blending #84ffff with #005fb1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 69
- B 85
RGB color chart
- C 69
- M 19
- Y 0
- K 15
CMYK color chart

● #42afd8 color description : Moderate blue.

The hexadecimal color #42afd8 has RGB values of R:66, G:175, B:216 and CMYK values of C:0.69, M:0.19, Y:0, K:0.15. Its decimal value is 4370392.

Hex triplet	42afd8	`#42afd8`
RGB Decimal	66, 175, 216	`rgb(66,175,216)`
RGB Percent	25.9, 68.6, 84.7	`rgb(25.9%,68.6%,84.7%)`
CMYK	69, 19, 0, 15
HSL	196.4°, 65.8, 55.3	`hsl(196.4,65.8%,55.3%)`
HSV (or HSB)	196.4°, 69.4, 84.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.107, -17.907, -29.721
XYZ	29.968, 36.774, 70.481
xyY	0.218, 0.268, 36.774
CIE-LCH	67.107, 34.698, 238.93
CIE-LUV	67.107, -40.722, -44.482
Hunter-Lab	60.641, -17.91, -26.461
Binary	01000010, 10101111, 11011000

#42afd8
```
#42afd8 rgb(66,175,216)
```
#d86b42
```
#d86b42 rgb(216,107,66)
```

Complementary Color

#42d8b6
```
#42d8b6 rgb(66,216,182)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#4264d8
```
#4264d8 rgb(66,100,216)
```

Analogous Color

#d8b642
```
#d8b642 rgb(216,182,66)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#d84264
```
#d84264 rgb(216,66,100)
```

Split Complementary Color

#afd842
```
#afd842 rgb(175,216,66)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#d842af
```
#d842af rgb(216,66,175)
```

Triadic Color

#42d86b
```
#42d86b rgb(66,216,107)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#d842af
```
#d842af rgb(216,66,175)
```
#d86b42
```
#d86b42 rgb(216,107,66)
```

Tetradic Color

#2385aa
```
#2385aa rgb(35,133,170)
```
#2896bf
```
#2896bf rgb(40,150,191)
```
#2da6d4
```
#2da6d4 rgb(45,166,212)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#57b8dc
```
#57b8dc rgb(87,184,220)
```
#6cc1e1
```
#6cc1e1 rgb(108,193,225)
```
#81cae5
```
#81cae5 rgb(129,202,229)
```

Monochromatic Color

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

#42d5d8
```
#42d5d8 rgb(66,213,216)
```
#42c8d8
```
#42c8d8 rgb(66,200,216)
```
#42bcd8
```
#42bcd8 rgb(66,188,216)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#42a3d8
```
#42a3d8 rgb(66,163,216)
```
#4296d8
```
#4296d8 rgb(66,150,216)
```
#428ad8
```
#428ad8 rgb(66,138,216)
```

Similar Colors

Text with hexadecimal color #42afd8

This text has a font color of #42afd8.

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

#42afd8 background color

This paragraph has a background color of #42afd8.

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

#42afd8 border color

This element has a border color of #42afd8.

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

CSS codes

.text {color:#42afd8;}

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

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

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, #010506 is the darkest color, while #f5fbfd is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#081e27
```
#081e27 rgb(8,30,39)
```
#0b2b37
```
#0b2b37 rgb(11,43,55)
```
#0f3847
```
#0f3847 rgb(15,56,71)
```
#124457
```
#124457 rgb(18,68,87)
```
#155168
```
#155168 rgb(21,81,104)
```
#195e78
```
#195e78 rgb(25,94,120)
```
#1c6b88
```
#1c6b88 rgb(28,107,136)
```
#1f7798
```
#1f7798 rgb(31,119,152)
```
#2384a9
```
#2384a9 rgb(35,132,169)
```
#2691b9
```
#2691b9 rgb(38,145,185)
```
#2a9ec9
```
#2a9ec9 rgb(42,158,201)
```

Shade Color Variation

#32a8d5
```
#32a8d5 rgb(50,168,213)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#52b6db
```
#52b6db rgb(82,182,219)
```
#63bddf
```
#63bddf rgb(99,189,223)
```
#73c4e2
```
#73c4e2 rgb(115,196,226)
```
#83cbe5
```
#83cbe5 rgb(131,203,229)
```
#93d1e9
```
#93d1e9 rgb(147,209,233)
```
#a4d8ec
```
#a4d8ec rgb(164,216,236)
```
#b4dfef
```
#b4dfef rgb(180,223,239)
```
#c4e6f3
```
#c4e6f3 rgb(196,230,243)
```
#d4edf6
```
#d4edf6 rgb(212,237,246)
```
#e5f4fa
```
#e5f4fa rgb(229,244,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888f92 is the less saturated color, while #1fbffb is the most saturated one.

#888f92
```
#888f92 rgb(136,143,146)
```
#7f939b
```
#7f939b rgb(127,147,155)
```
#7797a3
```
#7797a3 rgb(119,151,163)
```
#6e9bac
```
#6e9bac rgb(110,155,172)
```
#659fb5
```
#659fb5 rgb(101,159,181)
```
#5ca3be
```
#5ca3be rgb(92,163,190)
```
#54a7c6
```
#54a7c6 rgb(84,167,198)
```
#4babcf
```
#4babcf rgb(75,171,207)
```
#42afd8
```
#42afd8 rgb(66,175,216)
```
#39b3e1
```
#39b3e1 rgb(57,179,225)
```
#30b7ea
```
#30b7ea rgb(48,183,234)
```
#28bbf2
```
#28bbf2 rgb(40,187,242)
```
#1fbffb
```
#1fbffb rgb(31,191,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8399a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca6d1 Protanopia 1% of men
#96a6df Deuteranopia 1% of men
#39b7c4 Tritanopia 0.001% of the population

Trichromacy

#7ba9d3 Protanomaly 1% of men, 0.01% of women
#77a9dc Deuteranomaly 6% of men, 0.4% of women
#3cb4cb Tritanomaly 0.01% of the population

#42afd8 hex color

#42afd8 Color Information

#42afd8 Color Conversion

Color Schemes with #42afd8

Alternatives to #42afd8

#42afd8 Preview

Shades and Tints of #42afd8

Tones of #42afd8

Color Blindness Simulator