#42a7ae hex color

In a RGB color space, hex #42a7ae is composed of 25.9% red, 65.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 4% magenta, 0% yellow and 31.8% black. It has a hue angle of 183.9 degrees, a saturation of 45% and a lightness of 47.1%. #42a7ae color hex could be obtained by blending #84ffff with #004f5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 65
- B 68
RGB color chart
- C 62
- M 4
- Y 0
- K 32
CMYK color chart

● #42a7ae color description : Dark moderate cyan.

The hexadecimal color #42a7ae has RGB values of R:66, G:167, B:174 and CMYK values of C:0.62, M:0.04, Y:0, K:0.32. Its decimal value is 4368302.

Hex triplet	42a7ae	`#42a7ae`
RGB Decimal	66, 167, 174	`rgb(66,167,174)`
RGB Percent	25.9, 65.5, 68.2	`rgb(25.9%,65.5%,68.2%)`
CMYK	62, 4, 0, 32
HSL	183.9°, 45, 47.1	`hsl(183.9,45%,47.1%)`
HSV (or HSB)	183.9°, 62.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.219, -26.737, -12.326
XYZ	23.703, 31.85, 44.941
xyY	0.236, 0.317, 31.85
CIE-LCH	63.219, 29.442, 204.75
CIE-LUV	63.219, -40.127, -14.649
Hunter-Lab	56.436, -23.791, -7.709
Binary	01000010, 10100111, 10101110

#42a7ae
```
#42a7ae rgb(66,167,174)
```
#ae4942
```
#ae4942 rgb(174,73,66)
```

Complementary Color

#42ae7f
```
#42ae7f rgb(66,174,127)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#4271ae
```
#4271ae rgb(66,113,174)
```

Analogous Color

#ae7f42
```
#ae7f42 rgb(174,127,66)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#ae4271
```
#ae4271 rgb(174,66,113)
```

Split Complementary Color

#a7ae42
```
#a7ae42 rgb(167,174,66)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#ae42a7
```
#ae42a7 rgb(174,66,167)
```

Triadic Color

#42ae49
```
#42ae49 rgb(66,174,73)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#ae42a7
```
#ae42a7 rgb(174,66,167)
```
#ae4942
```
#ae4942 rgb(174,73,66)
```

Tetradic Color

#2d7277
```
#2d7277 rgb(45,114,119)
```
#348489
```
#348489 rgb(52,132,137)
```
#3b959c
```
#3b959c rgb(59,149,156)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#4eb5bc
```
#4eb5bc rgb(78,181,188)
```
#60bcc3
```
#60bcc3 rgb(96,188,195)
```
#73c4ca
```
#73c4ca rgb(115,196,202)
```

Monochromatic Color

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

#42ae9a
```
#42ae9a rgb(66,174,154)
```
#42aea3
```
#42aea3 rgb(66,174,163)
```
#42aeac
```
#42aeac rgb(66,174,172)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#429eae
```
#429eae rgb(66,158,174)
```
#4295ae
```
#4295ae rgb(66,149,174)
```
#428cae
```
#428cae rgb(66,140,174)
```

Similar Colors

Text with hexadecimal color #42a7ae

This text has a font color of #42a7ae.

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

#42a7ae background color

This paragraph has a background color of #42a7ae.

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

#42a7ae border color

This element has a border color of #42a7ae.

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

CSS codes

.text {color:#42a7ae;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071112
```
#071112 rgb(7,17,18)
```
#0c1f20
```
#0c1f20 rgb(12,31,32)
```
#112c2e
```
#112c2e rgb(17,44,46)
```
#173a3c
```
#173a3c rgb(23,58,60)
```
#1c474a
```
#1c474a rgb(28,71,74)
```
#225559
```
#225559 rgb(34,85,89)
```
#276367
```
#276367 rgb(39,99,103)
```
#2c7075
```
#2c7075 rgb(44,112,117)
```
#327e83
```
#327e83 rgb(50,126,131)
```
#378c92
```
#378c92 rgb(55,140,146)
```
#3d99a0
```
#3d99a0 rgb(61,153,160)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```

Shade Color Variation

#49b3ba
```
#49b3ba rgb(73,179,186)
```
#58b9c0
```
#58b9c0 rgb(88,185,192)
```
#66bfc5
```
#66bfc5 rgb(102,191,197)
```
#74c5ca
```
#74c5ca rgb(116,197,202)
```
#82cbd0
```
#82cbd0 rgb(130,203,208)
```
#91d1d5
```
#91d1d5 rgb(145,209,213)
```
#9fd7db
```
#9fd7db rgb(159,215,219)
```
#addde0
```
#addde0 rgb(173,221,224)
```
#bbe3e5
```
#bbe3e5 rgb(187,227,229)
```
#c9e9eb
```
#c9e9eb rgb(201,233,235)
```
#d8eff0
```
#d8eff0 rgb(216,239,240)
```
#e6f4f5
```
#e6f4f5 rgb(230,244,245)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#707f80
```
#707f80 rgb(112,127,128)
```
#678789
```
#678789 rgb(103,135,137)
```
#5e8f92
```
#5e8f92 rgb(94,143,146)
```
#54979c
```
#54979c rgb(84,151,156)
```
#4b9fa5
```
#4b9fa5 rgb(75,159,165)
```
#42a7ae
```
#42a7ae rgb(66,167,174)
```
#39afb7
```
#39afb7 rgb(57,175,183)
```
#30b7c0
```
#30b7c0 rgb(48,183,192)
```
#26bfca
```
#26bfca rgb(38,191,202)
```
#1dc7d3
```
#1dc7d3 rgb(29,199,211)
```
#14cfdc
```
#14cfdc rgb(20,207,220)
```
#0bd7e5
```
#0bd7e5 rgb(11,215,229)
```
#01dfef
```
#01dfef rgb(1,223,239)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7c9091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9daa Protanopia 1% of men
#9f9ab8 Deuteranopia 1% of men
#4eaab7 Tritanopia 0.001% of the population

Trichromacy

#7ca0ab Protanomaly 1% of men, 0.01% of women
#7d9fb4 Deuteranomaly 6% of men, 0.4% of women
#4aa9b3 Tritanomaly 0.01% of the population

#42a7ae hex color

#42a7ae Color Information

#42a7ae Color Conversion

Color Schemes with #42a7ae

Alternatives to #42a7ae

#42a7ae Preview

Shades and Tints of #42a7ae

Tones of #42a7ae

Color Blindness Simulator