#42a0a2 hex color

In a RGB color space, hex #42a0a2 is composed of 25.9% red, 62.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 1.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 181.3 degrees, a saturation of 42.1% and a lightness of 44.7%. #42a0a2 color hex could be obtained by blending #84ffff with #004145. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 63
- B 64
RGB color chart
- C 59
- M 1
- Y 0
- K 36
CMYK color chart

● #42a0a2 color description : Dark moderate cyan.

The hexadecimal color #42a0a2 has RGB values of R:66, G:160, B:162 and CMYK values of C:0.59, M:0.01, Y:0, K:0.36. Its decimal value is 4366498.

Hex triplet	42a0a2	`#42a0a2`
RGB Decimal	66, 160, 162	`rgb(66,160,162)`
RGB Percent	25.9, 62.7, 63.5	`rgb(25.9%,62.7%,63.5%)`
CMYK	59, 1, 0, 36
HSL	181.3°, 42.1, 44.7	`hsl(181.3,42.1%,44.7%)`
HSV (or HSB)	181.3°, 59.3, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.699, -26.72, -9.352
XYZ	21.337, 28.907, 38.636
xyY	0.24, 0.325, 28.907
CIE-LCH	60.699, 28.309, 199.29
CIE-LUV	60.699, -38.134, -9.934
Hunter-Lab	53.765, -23.249, -4.97
Binary	01000010, 10100000, 10100010

#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#a24442
```
#a24442 rgb(162,68,66)
```

Complementary Color

#42a274
```
#42a274 rgb(66,162,116)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#4270a2
```
#4270a2 rgb(66,112,162)
```

Analogous Color

#a27442
```
#a27442 rgb(162,116,66)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#a24270
```
#a24270 rgb(162,66,112)
```

Split Complementary Color

#a0a242
```
#a0a242 rgb(160,162,66)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#a242a0
```
#a242a0 rgb(162,66,160)
```

Triadic Color

#42a244
```
#42a244 rgb(66,162,68)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#a242a0
```
#a242a0 rgb(162,66,160)
```
#a24442
```
#a24442 rgb(162,68,66)
```

Tetradic Color

#2c6a6c
```
#2c6a6c rgb(44,106,108)
```
#337c7e
```
#337c7e rgb(51,124,126)
```
#3b8e90
```
#3b8e90 rgb(59,142,144)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#49b2b4
```
#49b2b4 rgb(73,178,180)
```
#5bbabc
```
#5bbabc rgb(91,186,188)
```
#6dc2c4
```
#6dc2c4 rgb(109,194,196)
```

Monochromatic Color

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

#42a28c
```
#42a28c rgb(66,162,140)
```
#42a294
```
#42a294 rgb(66,162,148)
```
#42a29c
```
#42a29c rgb(66,162,156)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#4298a2
```
#4298a2 rgb(66,152,162)
```
#4290a2
```
#4290a2 rgb(66,144,162)
```
#4288a2
```
#4288a2 rgb(66,136,162)
```

Similar Colors

Text with hexadecimal color #42a0a2

This text has a font color of #42a0a2.

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

#42a0a2 background color

This paragraph has a background color of #42a0a2.

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

#42a0a2 border color

This element has a border color of #42a0a2.

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

CSS codes

.text {color:#42a0a2;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#091617
```
#091617 rgb(9,22,23)
```
#0f2425
```
#0f2425 rgb(15,36,37)
```
#153233
```
#153233 rgb(21,50,51)
```
#1a4040
```
#1a4040 rgb(26,64,64)
```
#204d4e
```
#204d4e rgb(32,77,78)
```
#265b5c
```
#265b5c rgb(38,91,92)
```
#2b696a
```
#2b696a rgb(43,105,106)
```
#317778
```
#317778 rgb(49,119,120)
```
#378486
```
#378486 rgb(55,132,134)
```
#3c9294
```
#3c9294 rgb(60,146,148)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#48aeb0
```
#48aeb0 rgb(72,174,176)
```

Shade Color Variation

#53b7b9
```
#53b7b9 rgb(83,183,185)
```
#60bcbe
```
#60bcbe rgb(96,188,190)
```
#6ec2c4
```
#6ec2c4 rgb(110,194,196)
```
#7cc8ca
```
#7cc8ca rgb(124,200,202)
```
#8acecf
```
#8acecf rgb(138,206,207)
```
#98d4d5
```
#98d4d5 rgb(152,212,213)
```
#a6dadb
```
#a6dadb rgb(166,218,219)
```
#b4e0e0
```
#b4e0e0 rgb(180,224,224)
```
#c2e5e6
```
#c2e5e6 rgb(194,229,230)
```
#d0ebec
```
#d0ebec rgb(208,235,236)
```
#def1f2
```
#def1f2 rgb(222,241,242)
```
#ecf7f7
```
#ecf7f7 rgb(236,247,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7676 is the less saturated color, while #05dbdf is the most saturated one.

#6e7676
```
#6e7676 rgb(110,118,118)
```
#657e7f
```
#657e7f rgb(101,126,127)
```
#5c8788
```
#5c8788 rgb(92,135,136)
```
#548f90
```
#548f90 rgb(84,143,144)
```
#4b9899
```
#4b9899 rgb(75,152,153)
```
#42a0a2
```
#42a0a2 rgb(66,160,162)
```
#39a8ab
```
#39a8ab rgb(57,168,171)
```
#30b1b4
```
#30b1b4 rgb(48,177,180)
```
#28b9bc
```
#28b9bc rgb(40,185,188)
```
#1fc2c5
```
#1fc2c5 rgb(31,194,197)
```
#16cace
```
#16cace rgb(22,202,206)
```
#0dd2d7
```
#0dd2d7 rgb(13,210,215)
```
#05dbdf
```
#05dbdf rgb(5,219,223)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#778a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98979f Protanopia 1% of men
#9b94ac Deuteranopia 1% of men
#50a3af Tritanopia 0.001% of the population

Trichromacy

#799aa0 Protanomaly 1% of men, 0.01% of women
#7b98a8 Deuteranomaly 6% of men, 0.4% of women
#4ba2aa Tritanomaly 0.01% of the population

#42a0a2 hex color

#42a0a2 Color Information

#42a0a2 Color Conversion

Color Schemes with #42a0a2

Alternatives to #42a0a2

#42a0a2 Preview

Shades and Tints of #42a0a2

Tones of #42a0a2

Color Blindness Simulator