#42a4a2 hex color

In a RGB color space, hex #42a4a2 is composed of 25.9% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 178.8 degrees, a saturation of 42.6% and a lightness of 45.1%. #42a4a2 color hex could be obtained by blending #84ffff with #004945. Closest websafe color is: #339999.

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

● #42a4a2 color description : Dark moderate cyan.

The hexadecimal color #42a4a2 has RGB values of R:66, G:164, B:162 and CMYK values of C:0.6, M:0, Y:0.01, K:0.36. Its decimal value is 4367522.

Hex triplet	42a4a2	`#42a4a2`
RGB Decimal	66, 164, 162	`rgb(66,164,162)`
RGB Percent	25.9, 64.3, 63.5	`rgb(25.9%,64.3%,63.5%)`
CMYK	60, 0, 1, 36
HSL	178.8°, 42.6, 45.1	`hsl(178.8,42.6%,45.1%)`
HSV (or HSB)	178.8°, 59.8, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.926, -28.698, -7.523
XYZ	22.042, 30.316, 38.87
xyY	0.242, 0.332, 30.316
CIE-LCH	61.926, 29.668, 194.69
CIE-LUV	61.926, -39.655, -6.869
Hunter-Lab	55.06, -24.897, -3.315
Binary	01000010, 10100100, 10100010

#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#a44244
```
#a44244 rgb(164,66,68)
```

Complementary Color

#42a471
```
#42a471 rgb(66,164,113)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#4275a4
```
#4275a4 rgb(66,117,164)
```

Analogous Color

#a47142
```
#a47142 rgb(164,113,66)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#a44275
```
#a44275 rgb(164,66,117)
```

Split Complementary Color

#a4a242
```
#a4a242 rgb(164,162,66)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#a242a4
```
#a242a4 rgb(162,66,164)
```

Triadic Color

#44a442
```
#44a442 rgb(68,164,66)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#a242a4
```
#a242a4 rgb(162,66,164)
```
#a44244
```
#a44244 rgb(164,66,68)
```

Tetradic Color

#2c6d6c
```
#2c6d6c rgb(44,109,108)
```
#33807e
```
#33807e rgb(51,128,126)
```
#3b9290
```
#3b9290 rgb(59,146,144)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#4ab6b4
```
#4ab6b4 rgb(74,182,180)
```
#5cbdbb
```
#5cbdbb rgb(92,189,187)
```
#6ec5c3
```
#6ec5c3 rgb(110,197,195)
```

Monochromatic Color

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

#42a48a
```
#42a48a rgb(66,164,138)
```
#42a492
```
#42a492 rgb(66,164,146)
```
#42a49a
```
#42a49a rgb(66,164,154)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#429ea4
```
#429ea4 rgb(66,158,164)
```
#4296a4
```
#4296a4 rgb(66,150,164)
```
#428ea4
```
#428ea4 rgb(66,142,164)
```

Similar Colors

Text with hexadecimal color #42a4a2

This text has a font color of #42a4a2.

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

#42a4a2 background color

This paragraph has a background color of #42a4a2.

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

#42a4a2 border color

This element has a border color of #42a4a2.

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

CSS codes

.text {color:#42a4a2;}

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

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

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, #040a0a is the darkest color, while #fbfdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1818
```
#0a1818 rgb(10,24,24)
```
#0f2626
```
#0f2626 rgb(15,38,38)
```
#153433
```
#153433 rgb(21,52,51)
```
#1b4241
```
#1b4241 rgb(27,66,65)
```
#20504f
```
#20504f rgb(32,80,79)
```
#265e5d
```
#265e5d rgb(38,94,93)
```
#2b6c6b
```
#2b6c6b rgb(43,108,107)
```
#317a79
```
#317a79 rgb(49,122,121)
```
#378886
```
#378886 rgb(55,136,134)
```
#3c9694
```
#3c9694 rgb(60,150,148)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#48b2b0
```
#48b2b0 rgb(72,178,176)
```

Shade Color Variation

#53bab8
```
#53bab8 rgb(83,186,184)
```
#61c0be
```
#61c0be rgb(97,192,190)
```
#6fc5c3
```
#6fc5c3 rgb(111,197,195)
```
#7dcbc9
```
#7dcbc9 rgb(125,203,201)
```
#8bd0cf
```
#8bd0cf rgb(139,208,207)
```
#99d6d5
```
#99d6d5 rgb(153,214,213)
```
#a7dcdb
```
#a7dcdb rgb(167,220,219)
```
#b5e1e0
```
#b5e1e0 rgb(181,225,224)
```
#c3e7e6
```
#c3e7e6 rgb(195,231,230)
```
#d1edec
```
#d1edec rgb(209,237,236)
```
#dff2f2
```
#dff2f2 rgb(223,242,242)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#6e7878
```
#6e7878 rgb(110,120,120)
```
#658180
```
#658180 rgb(101,129,128)
```
#5d8989
```
#5d8989 rgb(93,137,137)
```
#549291
```
#549291 rgb(84,146,145)
```
#4b9b9a
```
#4b9b9a rgb(75,155,154)
```
#42a4a2
```
#42a4a2 rgb(66,164,162)
```
#39adaa
```
#39adaa rgb(57,173,170)
```
#30b6b3
```
#30b6b3 rgb(48,182,179)
```
#27bfbb
```
#27bfbb rgb(39,191,187)
```
#1fc7c4
```
#1fc7c4 rgb(31,199,196)
```
#16d0cc
```
#16d0cc rgb(22,208,204)
```
#0dd9d5
```
#0dd9d5 rgb(13,217,213)
```
#04e2dd
```
#04e2dd rgb(4,226,221)
```

Tone Color Variation

Below, you can see how #42a4a2 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
#788c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9a9e Protanopia 1% of men
#a097ad Deuteranopia 1% of men
#52a6b2 Tritanopia 0.001% of the population

Trichromacy

#7b9d9f Protanomaly 1% of men, 0.01% of women
#7e9ba9 Deuteranomaly 6% of men, 0.4% of women
#4ca5ac Tritanomaly 0.01% of the population

#42a4a2 hex color

#42a4a2 Color Information

#42a4a2 Color Conversion

Color Schemes with #42a4a2

Alternatives to #42a4a2

#42a4a2 Preview

Shades and Tints of #42a4a2

Tones of #42a4a2

Color Blindness Simulator