#42afa3 hex color

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

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

● #42afa3 color description : Dark moderate cyan.

The hexadecimal color #42afa3 has RGB values of R:66, G:175, B:163 and CMYK values of C:0.62, M:0, Y:0.07, K:0.31. Its decimal value is 4370339.

Hex triplet	42afa3	`#42afa3`
RGB Decimal	66, 175, 163	`rgb(66,175,163)`
RGB Percent	25.9, 68.6, 63.9	`rgb(25.9%,68.6%,63.9%)`
CMYK	62, 0, 7, 31
HSL	173.4°, 45.2, 47.3	`hsl(173.4,45.2%,47.3%)`
HSV (or HSB)	173.4°, 62.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.326, -33.703, -3.052
XYZ	24.186, 34.461, 40.025
xyY	0.245, 0.349, 34.461
CIE-LCH	65.326, 33.841, 185.174
CIE-LUV	65.326, -43.753, 0.636
Hunter-Lab	58.703, -29.189, 0.667
Binary	01000010, 10101111, 10100011

#42afa3
```
#42afa3 rgb(66,175,163)
```
#af424e
```
#af424e rgb(175,66,78)
```

Complementary Color

#42af6d
```
#42af6d rgb(66,175,109)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#4285af
```
#4285af rgb(66,133,175)
```

Analogous Color

#af6d42
```
#af6d42 rgb(175,109,66)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#af4285
```
#af4285 rgb(175,66,133)
```

Split Complementary Color

#afa342
```
#afa342 rgb(175,163,66)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#a342af
```
#a342af rgb(163,66,175)
```

Triadic Color

#4eaf42
```
#4eaf42 rgb(78,175,66)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#a342af
```
#a342af rgb(163,66,175)
```
#af424e
```
#af424e rgb(175,66,78)
```

Tetradic Color

#2d776f
```
#2d776f rgb(45,119,111)
```
#348a81
```
#348a81 rgb(52,138,129)
```
#3b9c92
```
#3b9c92 rgb(59,156,146)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#4ebcb0
```
#4ebcb0 rgb(78,188,176)
```
#61c3b8
```
#61c3b8 rgb(97,195,184)
```
#73cac1
```
#73cac1 rgb(115,202,193)
```

Monochromatic Color

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

#42af88
```
#42af88 rgb(66,175,136)
```
#42af91
```
#42af91 rgb(66,175,145)
```
#42af9a
```
#42af9a rgb(66,175,154)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#42afac
```
#42afac rgb(66,175,172)
```
#42a9af
```
#42a9af rgb(66,169,175)
```
#42a0af
```
#42a0af rgb(66,160,175)
```

Similar Colors

Text with hexadecimal color #42afa3

This text has a font color of #42afa3.

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

#42afa3 background color

This paragraph has a background color of #42afa3.

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

#42afa3 border color

This element has a border color of #42afa3.

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

CSS codes

.text {color:#42afa3;}

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

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

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 #f5fbfa is the lightest one.

#020404
```
#020404 rgb(2,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0c211e
```
#0c211e rgb(12,33,30)
```
#122f2c
```
#122f2c rgb(18,47,44)
```
#173d39
```
#173d39 rgb(23,61,57)
```
#1c4b46
```
#1c4b46 rgb(28,75,70)
```
#225a53
```
#225a53 rgb(34,90,83)
```
#276861
```
#276861 rgb(39,104,97)
```
#2d766e
```
#2d766e rgb(45,118,110)
```
#32847b
```
#32847b rgb(50,132,123)
```
#379388
```
#379388 rgb(55,147,136)
```
#3da196
```
#3da196 rgb(61,161,150)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```

Shade Color Variation

#4abbae
```
#4abbae rgb(74,187,174)
```
#58c0b5
```
#58c0b5 rgb(88,192,181)
```
#66c5bb
```
#66c5bb rgb(102,197,187)
```
#75cbc1
```
#75cbc1 rgb(117,203,193)
```
#83d0c8
```
#83d0c8 rgb(131,208,200)
```
#91d6ce
```
#91d6ce rgb(145,214,206)
```
#9fdbd4
```
#9fdbd4 rgb(159,219,212)
```
#aee0db
```
#aee0db rgb(174,224,219)
```
#bce6e1
```
#bce6e1 rgb(188,230,225)
```
#caebe7
```
#caebe7 rgb(202,235,231)
```
#d8f0ee
```
#d8f0ee rgb(216,240,238)
```
#e7f6f4
```
#e7f6f4 rgb(231,246,244)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#70817f
```
#70817f rgb(112,129,127)
```
#678a86
```
#678a86 rgb(103,138,134)
```
#5e938d
```
#5e938d rgb(94,147,141)
```
#559c95
```
#559c95 rgb(85,156,149)
```
#4ba69c
```
#4ba69c rgb(75,166,156)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```
#39b8aa
```
#39b8aa rgb(57,184,170)
```
#2fc2b1
```
#2fc2b1 rgb(47,194,177)
```
#26cbb9
```
#26cbb9 rgb(38,203,185)
```
#1dd4c0
```
#1dd4c0 rgb(29,212,192)
```
#14ddc7
```
#14ddc7 rgb(20,221,199)
```
#0ae7ce
```
#0ae7ce rgb(10,231,206)
```
#01f0d6
```
#01f0d6 rgb(1,240,214)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e9491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29f Protanopia 1% of men
#ad9fae Deuteranopia 1% of men
#56afbc Tritanopia 0.001% of the population

Trichromacy

#82a7a0 Protanomaly 1% of men, 0.01% of women
#86a4aa Deuteranomaly 6% of men, 0.4% of women
#4fafb3 Tritanomaly 0.01% of the population

#42afa3 hex color

#42afa3 Color Information

#42afa3 Color Conversion

Color Schemes with #42afa3

Alternatives to #42afa3

#42afa3 Preview

Shades and Tints of #42afa3

Tones of #42afa3

Color Blindness Simulator