#42afd9 hex color

In a RGB color space, hex #42afd9 is composed of 25.9% red, 68.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 19.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 196.7 degrees, a saturation of 66.5% and a lightness of 55.5%. #42afd9 color hex could be obtained by blending #84ffff with #005fb3. Closest websafe color is: #3399cc.

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

● #42afd9 color description : Soft blue.

The hexadecimal color #42afd9 has RGB values of R:66, G:175, B:217 and CMYK values of C:0.7, M:0.19, Y:0, K:0.15. Its decimal value is 4370393.

Hex triplet	42afd9	`#42afd9`
RGB Decimal	66, 175, 217	`rgb(66,175,217)`
RGB Percent	25.9, 68.6, 85.1	`rgb(25.9%,68.6%,85.1%)`
CMYK	70, 19, 0, 15
HSL	196.7°, 66.5, 55.5	`hsl(196.7,66.5%,55.5%)`
HSV (or HSB)	196.7°, 69.6, 85.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.146, -17.585, -30.21
XYZ	30.098, 36.825, 71.164
xyY	0.218, 0.267, 36.825
CIE-LCH	67.146, 34.956, 239.797
CIE-LUV	67.146, -40.667, -45.349
Hunter-Lab	60.684, -17.665, -27.05
Binary	01000010, 10101111, 11011001

#42afd9
```
#42afd9 rgb(66,175,217)
```
#d96c42
```
#d96c42 rgb(217,108,66)
```

Complementary Color

#42d9b8
```
#42d9b8 rgb(66,217,184)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#4264d9
```
#4264d9 rgb(66,100,217)
```

Analogous Color

#d9b842
```
#d9b842 rgb(217,184,66)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#d94264
```
#d94264 rgb(217,66,100)
```

Split Complementary Color

#afd942
```
#afd942 rgb(175,217,66)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#d942af
```
#d942af rgb(217,66,175)
```

Triadic Color

#42d96c
```
#42d96c rgb(66,217,108)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#d942af
```
#d942af rgb(217,66,175)
```
#d96c42
```
#d96c42 rgb(217,108,66)
```

Tetradic Color

#2386ac
```
#2386ac rgb(35,134,172)
```
#2796c1
```
#2796c1 rgb(39,150,193)
```
#2da6d5
```
#2da6d5 rgb(45,166,213)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#57b8dd
```
#57b8dd rgb(87,184,221)
```
#6cc1e2
```
#6cc1e2 rgb(108,193,226)
```
#82cae6
```
#82cae6 rgb(130,202,230)
```

Monochromatic Color

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

#42d5d9
```
#42d5d9 rgb(66,213,217)
```
#42c8d9
```
#42c8d9 rgb(66,200,217)
```
#42bcd9
```
#42bcd9 rgb(66,188,217)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#42a2d9
```
#42a2d9 rgb(66,162,217)
```
#4296d9
```
#4296d9 rgb(66,150,217)
```
#4289d9
```
#4289d9 rgb(66,137,217)
```

Similar Colors

Text with hexadecimal color #42afd9

This text has a font color of #42afd9.

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

#42afd9 background color

This paragraph has a background color of #42afd9.

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

#42afd9 border color

This element has a border color of #42afd9.

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

CSS codes

.text {color:#42afd9;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#051217
```
#051217 rgb(5,18,23)
```
#081f28
```
#081f28 rgb(8,31,40)
```
#0b2c38
```
#0b2c38 rgb(11,44,56)
```
#0f3848
```
#0f3848 rgb(15,56,72)
```
#124559
```
#124559 rgb(18,69,89)
```
#155269
```
#155269 rgb(21,82,105)
```
#185e79
```
#185e79 rgb(24,94,121)
```
#1c6b8a
```
#1c6b8a rgb(28,107,138)
```
#1f789a
```
#1f789a rgb(31,120,154)
```
#2284aa
```
#2284aa rgb(34,132,170)
```
#2691bb
```
#2691bb rgb(38,145,187)
```
#299ecb
```
#299ecb rgb(41,158,203)
```

Shade Color Variation

#32a8d6
```
#32a8d6 rgb(50,168,214)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#52b6dc
```
#52b6dc rgb(82,182,220)
```
#63bde0
```
#63bde0 rgb(99,189,224)
```
#73c4e3
```
#73c4e3 rgb(115,196,227)
```
#83cbe6
```
#83cbe6 rgb(131,203,230)
```
#94d2e9
```
#94d2e9 rgb(148,210,233)
```
#a4d8ed
```
#a4d8ed rgb(164,216,237)
```
#b4dff0
```
#b4dff0 rgb(180,223,240)
```
#c5e6f3
```
#c5e6f3 rgb(197,230,243)
```
#d5edf7
```
#d5edf7 rgb(213,237,247)
```
#e5f4fa
```
#e5f4fa rgb(229,244,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#889093
```
#889093 rgb(136,144,147)
```
#7f949c
```
#7f949c rgb(127,148,156)
```
#7698a5
```
#7698a5 rgb(118,152,165)
```
#6e9cad
```
#6e9cad rgb(110,156,173)
```
#65a0b6
```
#65a0b6 rgb(101,160,182)
```
#5ca3bf
```
#5ca3bf rgb(92,163,191)
```
#53a7c8
```
#53a7c8 rgb(83,167,200)
```
#4babd0
```
#4babd0 rgb(75,171,208)
```
#42afd9
```
#42afd9 rgb(66,175,217)
```
#39b3e2
```
#39b3e2 rgb(57,179,226)
```
#31b7ea
```
#31b7ea rgb(49,183,234)
```
#28bbf3
```
#28bbf3 rgb(40,187,243)
```
#1fbefc
```
#1fbefc rgb(31,190,252)
```

Tone Color Variation

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

#9ca6d2 Protanopia 1% of men
#95a6e0 Deuteranopia 1% of men
#38b7c4 Tritanopia 0.001% of the population

Trichromacy

#7ba9d4 Protanomaly 1% of men, 0.01% of women
#77a9dd Deuteranomaly 6% of men, 0.4% of women
#3bb4cc Tritanomaly 0.01% of the population

#42afd9 hex color

#42afd9 Color Information

#42afd9 Color Conversion

Color Schemes with #42afd9

Alternatives to #42afd9

#42afd9 Preview

Shades and Tints of #42afd9

Tones of #42afd9

Color Blindness Simulator