#4af9af hex color

In a RGB color space, hex #4af9af is composed of 29% red, 97.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 29.7% yellow and 2.4% black. It has a hue angle of 154.6 degrees, a saturation of 93.6% and a lightness of 63.3%. #4af9af color hex could be obtained by blending #94ffff with #00f35f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 29
- G 98
- B 69
RGB color chart
- C 70
- M 0
- Y 30
- K 2
CMYK color chart

● #4af9af color description : Bright cyan - lime green.

The hexadecimal color #4af9af has RGB values of R:74, G:249, B:175 and CMYK values of C:0.7, M:0, Y:0.3, K:0.02. Its decimal value is 4913583.

Hex triplet	4af9af	`#4af9af`
RGB Decimal	74, 249, 175	`rgb(74,249,175)`
RGB Percent	29, 97.6, 68.6	`rgb(29%,97.6%,68.6%)`
CMYK	70, 0, 30, 2
HSL	154.6°, 93.6, 63.3	`hsl(154.6,93.6%,63.3%)`
HSV (or HSB)	154.6°, 70.3, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.112, -60.7, 23.004
XYZ	44.434, 72.298, 52.168
xyY	0.263, 0.428, 72.298
CIE-LCH	88.112, 64.913, 159.244
CIE-LUV	88.112, -68.232, 43.378
Hunter-Lab	85.028, -55.519, 23.143
Binary	01001010, 11111001, 10101111

#4af9af
```
#4af9af rgb(74,249,175)
```
#f94a94
```
#f94a94 rgb(249,74,148)
```

Complementary Color

#4af958
```
#4af958 rgb(74,249,88)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#4aecf9
```
#4aecf9 rgb(74,236,249)
```

Analogous Color

#f9584a
```
#f9584a rgb(249,88,74)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#f94aec
```
#f94aec rgb(249,74,236)
```

Split Complementary Color

#f9af4a
```
#f9af4a rgb(249,175,74)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#af4af9
```
#af4af9 rgb(175,74,249)
```

Triadic Color

#94f94a
```
#94f94a rgb(148,249,74)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#af4af9
```
#af4af9 rgb(175,74,249)
```
#f94a94
```
#f94a94 rgb(249,74,148)
```

Tetradic Color

#08ef8d
```
#08ef8d rgb(8,239,141)
```
#19f799
```
#19f799 rgb(25,247,153)
```
#31f8a4
```
#31f8a4 rgb(49,248,164)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#63faba
```
#63faba rgb(99,250,186)
```
#7bfbc5
```
#7bfbc5 rgb(123,251,197)
```
#94fbd0
```
#94fbd0 rgb(148,251,208)
```

Monochromatic Color

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

#4af983
```
#4af983 rgb(74,249,131)
```
#4af992
```
#4af992 rgb(74,249,146)
```
#4af9a0
```
#4af9a0 rgb(74,249,160)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#4af9be
```
#4af9be rgb(74,249,190)
```
#4af9cc
```
#4af9cc rgb(74,249,204)
```
#4af9db
```
#4af9db rgb(74,249,219)
```

Similar Colors

Text with hexadecimal color #4af9af

This text has a font color of #4af9af.

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

#4af9af background color

This paragraph has a background color of #4af9af.

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

#4af9af border color

This element has a border color of #4af9af.

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

CSS codes

.text {color:#4af9af;}

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

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

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

#000905
```
#000905 rgb(0,9,5)
```
#011c10
```
#011c10 rgb(1,28,16)
```
#022f1c
```
#022f1c rgb(2,47,28)
```
#024227
```
#024227 rgb(2,66,39)
```
#035532
```
#035532 rgb(3,85,50)
```
#03683d
```
#03683d rgb(3,104,61)
```
#047b49
```
#047b49 rgb(4,123,73)
```
#058e54
```
#058e54 rgb(5,142,84)
```
#05a15f
```
#05a15f rgb(5,161,95)
```
#06b46a
```
#06b46a rgb(6,180,106)
```
#07c775
```
#07c775 rgb(7,199,117)
```
#07da81
```
#07da81 rgb(7,218,129)
```
#08ed8c
```
#08ed8c rgb(8,237,140)
```

Shade Color Variation

#11f796
```
#11f796 rgb(17,247,150)
```
#24f89e
```
#24f89e rgb(36,248,158)
```
#37f8a7
```
#37f8a7 rgb(55,248,167)
```
#4af9af
```
#4af9af rgb(74,249,175)
```
#5dfab7
```
#5dfab7 rgb(93,250,183)
```
#70fac0
```
#70fac0 rgb(112,250,192)
```
#83fbc8
```
#83fbc8 rgb(131,251,200)
```
#96fcd1
```
#96fcd1 rgb(150,252,209)
```
#a9fcd9
```
#a9fcd9 rgb(169,252,217)
```
#bcfde1
```
#bcfde1 rgb(188,253,225)
```
#cffdea
```
#cffdea rgb(207,253,234)
```
#e2fef2
```
#e2fef2 rgb(226,254,242)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a3a2 is the less saturated color, while #4af9af is the most saturated one.

#a0a3a2
```
#a0a3a2 rgb(160,163,162)
```
#99aaa3
```
#99aaa3 rgb(153,170,163)
```
#92b1a4
```
#92b1a4 rgb(146,177,164)
```
#8bb8a5
```
#8bb8a5 rgb(139,184,165)
```
#84bfa6
```
#84bfa6 rgb(132,191,166)
```
#7cc7a7
```
#7cc7a7 rgb(124,199,167)
```
#75cea8
```
#75cea8 rgb(117,206,168)
```
#6ed5a9
```
#6ed5a9 rgb(110,213,169)
```
#67dcab
```
#67dcab rgb(103,220,171)
```
#60e3ac
```
#60e3ac rgb(96,227,172)
```
#58ebad
```
#58ebad rgb(88,235,173)
```
#51f2ae
```
#51f2ae rgb(81,242,174)
```
#4af9af
```
#4af9af rgb(74,249,175)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a5c8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedea7 Protanopia 1% of men
#fed6bf Deuteranopia 1% of men
#82eeff Tritanopia 0.001% of the population

Trichromacy

#b2e8aa Protanomaly 1% of men, 0.01% of women
#bde3b9 Deuteranomaly 6% of men, 0.4% of women
#6ef2e1 Tritanomaly 0.01% of the population

#4af9af hex color

#4af9af Color Information

#4af9af Color Conversion

Color Schemes with #4af9af

Alternatives to #4af9af

#4af9af Preview

Shades and Tints of #4af9af

Tones of #4af9af

Color Blindness Simulator