#42a0af hex color

In a RGB color space, hex #42a0af is composed of 25.9% red, 62.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 8.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 188.3 degrees, a saturation of 45.2% and a lightness of 47.3%. #42a0af color hex could be obtained by blending #84ffff with #00415f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 63
- B 69
RGB color chart
- C 62
- M 9
- Y 0
- K 31
CMYK color chart

● #42a0af color description : Dark moderate cyan.

The hexadecimal color #42a0af has RGB values of R:66, G:160, B:175 and CMYK values of C:0.62, M:0.09, Y:0, K:0.31. Its decimal value is 4366511.

Hex triplet	42a0af	`#42a0af`
RGB Decimal	66, 160, 175	`rgb(66,160,175)`
RGB Percent	25.9, 62.7, 68.6	`rgb(25.9%,62.7%,68.6%)`
CMYK	62, 9, 0, 31
HSL	188.3°, 45.2, 47.3	`hsl(188.3,45.2%,47.3%)`
HSV (or HSB)	188.3°, 62.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	61.127, -22.897, -16.042
XYZ	22.553, 29.393, 45.04
xyY	0.233, 0.303, 29.393
CIE-LCH	61.127, 27.957, 215.015
CIE-LUV	61.127, -37.449, -20.968
Hunter-Lab	54.216, -20.622, -11.305
Binary	01000010, 10100000, 10101111

#42a0af
```
#42a0af rgb(66,160,175)
```
#af5142
```
#af5142 rgb(175,81,66)
```

Complementary Color

#42af88
```
#42af88 rgb(66,175,136)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#426aaf
```
#426aaf rgb(66,106,175)
```

Analogous Color

#af8842
```
#af8842 rgb(175,136,66)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#af426a
```
#af426a rgb(175,66,106)
```

Split Complementary Color

#a0af42
```
#a0af42 rgb(160,175,66)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#af42a0
```
#af42a0 rgb(175,66,160)
```

Triadic Color

#42af51
```
#42af51 rgb(66,175,81)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#af42a0
```
#af42a0 rgb(175,66,160)
```
#af5142
```
#af5142 rgb(175,81,66)
```

Tetradic Color

#2d6d77
```
#2d6d77 rgb(45,109,119)
```
#347e8a
```
#347e8a rgb(52,126,138)
```
#3b8f9c
```
#3b8f9c rgb(59,143,156)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#4eadbc
```
#4eadbc rgb(78,173,188)
```
#61b6c3
```
#61b6c3 rgb(97,182,195)
```
#73beca
```
#73beca rgb(115,190,202)
```

Monochromatic Color

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

#42afa3
```
#42afa3 rgb(66,175,163)
```
#42afac
```
#42afac rgb(66,175,172)
```
#42a9af
```
#42a9af rgb(66,169,175)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#4297af
```
#4297af rgb(66,151,175)
```
#428eaf
```
#428eaf rgb(66,142,175)
```
#4285af
```
#4285af rgb(66,133,175)
```

Similar Colors

Text with hexadecimal color #42a0af

This text has a font color of #42a0af.

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

#42a0af background color

This paragraph has a background color of #42a0af.

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

#42a0af border color

This element has a border color of #42a0af.

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

CSS codes

.text {color:#42a0af;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071112
```
#071112 rgb(7,17,18)
```
#0c1e21
```
#0c1e21 rgb(12,30,33)
```
#122b2f
```
#122b2f rgb(18,43,47)
```
#17383d
```
#17383d rgb(23,56,61)
```
#1c454b
```
#1c454b rgb(28,69,75)
```
#22525a
```
#22525a rgb(34,82,90)
```
#275f68
```
#275f68 rgb(39,95,104)
```
#2d6c76
```
#2d6c76 rgb(45,108,118)
```
#327984
```
#327984 rgb(50,121,132)
```
#378693
```
#378693 rgb(55,134,147)
```
#3d93a1
```
#3d93a1 rgb(61,147,161)
```
#42a0af
```
#42a0af rgb(66,160,175)
```

Shade Color Variation

#4aabbb
```
#4aabbb rgb(74,171,187)
```
#58b2c0
```
#58b2c0 rgb(88,178,192)
```
#66b8c5
```
#66b8c5 rgb(102,184,197)
```
#75bfcb
```
#75bfcb rgb(117,191,203)
```
#83c6d0
```
#83c6d0 rgb(131,198,208)
```
#91ccd6
```
#91ccd6 rgb(145,204,214)
```
#9fd3db
```
#9fd3db rgb(159,211,219)
```
#aed9e0
```
#aed9e0 rgb(174,217,224)
```
#bce0e6
```
#bce0e6 rgb(188,224,230)
```
#cae7eb
```
#cae7eb rgb(202,231,235)
```
#d8edf0
```
#d8edf0 rgb(216,237,240)
```
#e7f4f6
```
#e7f4f6 rgb(231,244,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707e81 is the less saturated color, while #01cff0 is the most saturated one.

#707e81
```
#707e81 rgb(112,126,129)
```
#67858a
```
#67858a rgb(103,133,138)
```
#5e8c93
```
#5e8c93 rgb(94,140,147)
```
#55939c
```
#55939c rgb(85,147,156)
```
#4b99a6
```
#4b99a6 rgb(75,153,166)
```
#42a0af
```
#42a0af rgb(66,160,175)
```
#39a7b8
```
#39a7b8 rgb(57,167,184)
```
#2fadc2
```
#2fadc2 rgb(47,173,194)
```
#26b4cb
```
#26b4cb rgb(38,180,203)
```
#1dbbd4
```
#1dbbd4 rgb(29,187,212)
```
#14c2dd
```
#14c2dd rgb(20,194,221)
```
#0ac8e7
```
#0ac8e7 rgb(10,200,231)
```
#01cff0
```
#01cff0 rgb(1,207,240)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#788b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9598ab Protanopia 1% of men
#9696b8 Deuteranopia 1% of men
#4aa5b1 Tritanopia 0.001% of the population

Trichromacy

#779aac Protanomaly 1% of men, 0.01% of women
#7799b5 Deuteranomaly 6% of men, 0.4% of women
#47a3b0 Tritanomaly 0.01% of the population

#42a0af hex color

#42a0af Color Information

#42a0af Color Conversion

Color Schemes with #42a0af

Alternatives to #42a0af

#42a0af Preview

Shades and Tints of #42a0af

Tones of #42a0af

Color Blindness Simulator