#42afd5 hex color

In a RGB color space, hex #42afd5 is composed of 25.9% red, 68.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 17.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 195.5 degrees, a saturation of 63.6% and a lightness of 54.7%. #42afd5 color hex could be obtained by blending #84ffff with #005fab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 69
- B 84
RGB color chart
- C 69
- M 18
- Y 0
- K 16
CMYK color chart

● #42afd5 color description : Moderate blue.

The hexadecimal color #42afd5 has RGB values of R:66, G:175, B:213 and CMYK values of C:0.69, M:0.18, Y:0, K:0.16. Its decimal value is 4370389.

Hex triplet	42afd5	`#42afd5`
RGB Decimal	66, 175, 213	`rgb(66,175,213)`
RGB Percent	25.9, 68.6, 83.5	`rgb(25.9%,68.6%,83.5%)`
CMYK	69, 18, 0, 16
HSL	195.5°, 63.6, 54.7	`hsl(195.5,63.6%,54.7%)`
HSV (or HSB)	195.5°, 69, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.991, -18.868, -28.248
XYZ	29.584, 36.62, 68.456
xyY	0.22, 0.272, 36.62
CIE-LCH	66.991, 33.97, 236.259
CIE-LUV	66.991, -40.888, -41.88
Hunter-Lab	60.514, -18.636, -24.711
Binary	01000010, 10101111, 11010101

#42afd5
```
#42afd5 rgb(66,175,213)
```
#d56842
```
#d56842 rgb(213,104,66)
```

Complementary Color

#42d5b2
```
#42d5b2 rgb(66,213,178)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#4266d5
```
#4266d5 rgb(66,102,213)
```

Analogous Color

#d5b242
```
#d5b242 rgb(213,178,66)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#d54266
```
#d54266 rgb(213,66,102)
```

Split Complementary Color

#afd542
```
#afd542 rgb(175,213,66)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#d542af
```
#d542af rgb(213,66,175)
```

Triadic Color

#42d568
```
#42d568 rgb(66,213,104)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#d542af
```
#d542af rgb(213,66,175)
```
#d56842
```
#d56842 rgb(213,104,66)
```

Tetradic Color

#2584a6
```
#2584a6 rgb(37,132,166)
```
#2995bb
```
#2995bb rgb(41,149,187)
```
#2ea6cf
```
#2ea6cf rgb(46,166,207)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#57b8da
```
#57b8da rgb(87,184,218)
```
#6cc1de
```
#6cc1de rgb(108,193,222)
```
#81c9e3
```
#81c9e3 rgb(129,201,227)
```

Monochromatic Color

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

#42d4d5
```
#42d4d5 rgb(66,212,213)
```
#42c8d5
```
#42c8d5 rgb(66,200,213)
```
#42bbd5
```
#42bbd5 rgb(66,187,213)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#42a3d5
```
#42a3d5 rgb(66,163,213)
```
#4297d5
```
#4297d5 rgb(66,151,213)
```
#428ad5
```
#428ad5 rgb(66,138,213)
```

Similar Colors

Text with hexadecimal color #42afd5

This text has a font color of #42afd5.

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

#42afd5 background color

This paragraph has a background color of #42afd5.

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

#42afd5 border color

This element has a border color of #42afd5.

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

CSS codes

.text {color:#42afd5;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041014
```
#041014 rgb(4,16,20)
```
#081d24
```
#081d24 rgb(8,29,36)
```
#0b2934
```
#0b2934 rgb(11,41,52)
```
#0f3644
```
#0f3644 rgb(15,54,68)
```
#134354
```
#134354 rgb(19,67,84)
```
#165064
```
#165064 rgb(22,80,100)
```
#1a5d74
```
#1a5d74 rgb(26,93,116)
```
#1d6984
```
#1d6984 rgb(29,105,132)
```
#217694
```
#217694 rgb(33,118,148)
```
#2483a4
```
#2483a4 rgb(36,131,164)
```
#2890b4
```
#2890b4 rgb(40,144,180)
```
#2c9dc4
```
#2c9dc4 rgb(44,157,196)
```

Shade Color Variation

#32a8d1
```
#32a8d1 rgb(50,168,209)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#52b6d9
```
#52b6d9 rgb(82,182,217)
```
#62bddc
```
#62bddc rgb(98,189,220)
```
#72c3e0
```
#72c3e0 rgb(114,195,224)
```
#82cae3
```
#82cae3 rgb(130,202,227)
```
#92d1e7
```
#92d1e7 rgb(146,209,231)
```
#a2d8ea
```
#a2d8ea rgb(162,216,234)
```
#b2dfee
```
#b2dfee rgb(178,223,238)
```
#c2e5f2
```
#c2e5f2 rgb(194,229,242)
```
#d2ecf5
```
#d2ecf5 rgb(210,236,245)
```
#e2f3f9
```
#e2f3f9 rgb(226,243,249)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#898d8e
```
#898d8e rgb(137,141,142)
```
#809197
```
#809197 rgb(128,145,151)
```
#7795a0
```
#7795a0 rgb(119,149,160)
```
#6e9aa9
```
#6e9aa9 rgb(110,154,169)
```
#669eb1
```
#669eb1 rgb(102,158,177)
```
#5da2ba
```
#5da2ba rgb(93,162,186)
```
#54a6c3
```
#54a6c3 rgb(84,166,195)
```
#4babcc
```
#4babcc rgb(75,171,204)
```
#42afd5
```
#42afd5 rgb(66,175,213)
```
#39b3de
```
#39b3de rgb(57,179,222)
```
#30b8e7
```
#30b8e7 rgb(48,184,231)
```
#27bcf0
```
#27bcf0 rgb(39,188,240)
```
#1ec0f9
```
#1ec0f9 rgb(30,192,249)
```

Tone Color Variation

Below, you can see how #42afd5 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
#8399a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6ce Protanopia 1% of men
#97a5dc Deuteranopia 1% of men
#3cb6c4 Tritanopia 0.001% of the population

Trichromacy

#7ca9d1 Protanomaly 1% of men, 0.01% of women
#78a9d9 Deuteranomaly 6% of men, 0.4% of women
#3eb3ca Tritanomaly 0.01% of the population

#42afd5 hex color

#42afd5 Color Information

#42afd5 Color Conversion

Color Schemes with #42afd5

Alternatives to #42afd5

#42afd5 Preview

Shades and Tints of #42afd5

Tones of #42afd5

Color Blindness Simulator