#4fa5a2 hex color

In a RGB color space, hex #4fa5a2 is composed of 31% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 0% magenta, 1.8% yellow and 35.3% black. It has a hue angle of 177.9 degrees, a saturation of 35.2% and a lightness of 47.8%. #4fa5a2 color hex could be obtained by blending #9effff with #004b45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 65
- B 64
RGB color chart
- C 52
- M 0
- Y 2
- K 35
CMYK color chart

● #4fa5a2 color description : Dark moderate cyan.

The hexadecimal color #4fa5a2 has RGB values of R:79, G:165, B:162 and CMYK values of C:0.52, M:0, Y:0.02, K:0.35. Its decimal value is 5219746.

Hex triplet	4fa5a2	`#4fa5a2`
RGB Decimal	79, 165, 162	`rgb(79,165,162)`
RGB Percent	31, 64.7, 63.5	`rgb(31%,64.7%,63.5%)`
CMYK	52, 0, 2, 35
HSL	177.9°, 35.2, 47.8	`hsl(177.9,35.2%,47.8%)`
HSV (or HSB)	177.9°, 52.1, 64.7
Web Safe	669999	`#669999`

CIE-LAB	62.659, -26.572, -6.388
XYZ	23.199, 31.18, 38.976
xyY	0.249, 0.334, 31.18
CIE-LCH	62.659, 27.329, 193.518
CIE-LUV	62.659, -36.792, -5.426
Hunter-Lab	55.839, -23.556, -2.298
Binary	01001111, 10100101, 10100010

#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#a54f52
```
#a54f52 rgb(165,79,82)
```

Complementary Color

#4fa577
```
#4fa577 rgb(79,165,119)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#4f7da5
```
#4f7da5 rgb(79,125,165)
```

Analogous Color

#a5774f
```
#a5774f rgb(165,119,79)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#a54f7d
```
#a54f7d rgb(165,79,125)
```

Split Complementary Color

#a5a24f
```
#a5a24f rgb(165,162,79)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#a24fa5
```
#a24fa5 rgb(162,79,165)
```

Triadic Color

#52a54f
```
#52a54f rgb(82,165,79)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#a24fa5
```
#a24fa5 rgb(162,79,165)
```
#a54f52
```
#a54f52 rgb(165,79,82)
```

Tetradic Color

#36716f
```
#36716f rgb(54,113,111)
```
#3e8380
```
#3e8380 rgb(62,131,128)
```
#479491
```
#479491 rgb(71,148,145)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#5cb1ae
```
#5cb1ae rgb(92,177,174)
```
#6eb9b7
```
#6eb9b7 rgb(110,185,183)
```
#7fc2bf
```
#7fc2bf rgb(127,194,191)
```

Monochromatic Color

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

#4fa58d
```
#4fa58d rgb(79,165,141)
```
#4fa594
```
#4fa594 rgb(79,165,148)
```
#4fa59b
```
#4fa59b rgb(79,165,155)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#4fa1a5
```
#4fa1a5 rgb(79,161,165)
```
#4f9aa5
```
#4f9aa5 rgb(79,154,165)
```
#4f93a5
```
#4f93a5 rgb(79,147,165)
```

Similar Colors

Text with hexadecimal color #4fa5a2

This text has a font color of #4fa5a2.

<span style="color:#4fa5a2;">Text here</span>

#4fa5a2 background color

This paragraph has a background color of #4fa5a2.

<p style="background-color:#4fa5a2;">Content here</p>

#4fa5a2 border color

This element has a border color of #4fa5a2.

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

CSS codes

.text {color:#4fa5a2;}

.background {background-color:#4fa5a2;}

.border {border:1px solid #4fa5a2;}

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

#030606
```
#030606 rgb(3,6,6)
```
#091313
```
#091313 rgb(9,19,19)
```
#0f2020
```
#0f2020 rgb(15,32,32)
```
#162e2d
```
#162e2d rgb(22,46,45)
```
#1c3b3a
```
#1c3b3a rgb(28,59,58)
```
#234847
```
#234847 rgb(35,72,71)
```
#295554
```
#295554 rgb(41,85,84)
```
#2f6361
```
#2f6361 rgb(47,99,97)
```
#36706e
```
#36706e rgb(54,112,110)
```
#3c7d7b
```
#3c7d7b rgb(60,125,123)
```
#428a88
```
#428a88 rgb(66,138,136)
```
#499895
```
#499895 rgb(73,152,149)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```

Shade Color Variation

#58afac
```
#58afac rgb(88,175,172)
```
#66b6b3
```
#66b6b3 rgb(102,182,179)
```
#73bcb9
```
#73bcb9 rgb(115,188,185)
```
#80c2c0
```
#80c2c0 rgb(128,194,192)
```
#8dc9c7
```
#8dc9c7 rgb(141,201,199)
```
#9bcfcd
```
#9bcfcd rgb(155,207,205)
```
#a8d5d4
```
#a8d5d4 rgb(168,213,212)
```
#b5dcda
```
#b5dcda rgb(181,220,218)
```
#c3e2e1
```
#c3e2e1 rgb(195,226,225)
```
#d0e8e8
```
#d0e8e8 rgb(208,232,232)
```
#ddefee
```
#ddefee rgb(221,239,238)
```
#eaf5f5
```
#eaf5f5 rgb(234,245,245)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#757f7f
```
#757f7f rgb(117,127,127)
```
#6b8988
```
#6b8988 rgb(107,137,136)
```
#629291
```
#629291 rgb(98,146,145)
```
#589c99
```
#589c99 rgb(88,156,153)
```
#4fa5a2
```
#4fa5a2 rgb(79,165,162)
```
#46aeab
```
#46aeab rgb(70,174,171)
```
#3cb8b3
```
#3cb8b3 rgb(60,184,179)
```
#33c1bc
```
#33c1bc rgb(51,193,188)
```
#29cbc5
```
#29cbc5 rgb(41,203,197)
```
#20d4ce
```
#20d4ce rgb(32,212,206)
```
#17ddd6
```
#17ddd6 rgb(23,221,214)
```
#0de7df
```
#0de7df rgb(13,231,223)
```
#04f0e8
```
#04f0e8 rgb(4,240,232)
```

Tone Color Variation

Below, you can see how #4fa5a2 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

#8b8b8b Achromatopsia 0.005% of the population
#7f9090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9c9f Protanopia 1% of men
#a399ac Deuteranopia 1% of men
#5da7b3 Tritanopia 0.001% of the population

Trichromacy

#819fa0 Protanomaly 1% of men, 0.01% of women
#849da8 Deuteranomaly 6% of men, 0.4% of women
#58a6ad Tritanomaly 0.01% of the population

#4fa5a2 hex color

#4fa5a2 Color Information

#4fa5a2 Color Conversion

Color Schemes with #4fa5a2

Alternatives to #4fa5a2

#4fa5a2 Preview

Shades and Tints of #4fa5a2

Tones of #4fa5a2

Color Blindness Simulator