#4af3bc hex color

In a RGB color space, hex #4af3bc is composed of 29% red, 95.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 22.6% yellow and 4.7% black. It has a hue angle of 160.5 degrees, a saturation of 87.6% and a lightness of 62.2%. #4af3bc color hex could be obtained by blending #94ffff with #00e779. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 29
- G 95
- B 74
RGB color chart
- C 70
- M 0
- Y 23
- K 5
CMYK color chart

● #4af3bc color description : Soft cyan - lime green.

The hexadecimal color #4af3bc has RGB values of R:74, G:243, B:188 and CMYK values of C:0.7, M:0, Y:0.23, K:0.05. Its decimal value is 4912060.

Hex triplet	4af3bc	`#4af3bc`
RGB Decimal	74, 243, 188	`rgb(74,243,188)`
RGB Percent	29, 95.3, 73.7	`rgb(29%,95.3%,73.7%)`
CMYK	70, 0, 23, 5
HSL	160.5°, 87.6, 62.2	`hsl(160.5,87.6%,62.2%)`
HSV (or HSB)	160.5°, 69.5, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.595, -55.582, 14.194
XYZ	43.948, 69.184, 58.612
xyY	0.256, 0.403, 69.184
CIE-LCH	86.595, 57.366, 165.675
CIE-LUV	86.595, -65.348, 30.17
Hunter-Lab	83.177, -51.245, 16.444
Binary	01001010, 11110011, 10111100

#4af3bc
```
#4af3bc rgb(74,243,188)
```
#f34a81
```
#f34a81 rgb(243,74,129)
```

Complementary Color

#4af368
```
#4af368 rgb(74,243,104)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#4ad6f3
```
#4ad6f3 rgb(74,214,243)
```

Analogous Color

#f3684a
```
#f3684a rgb(243,104,74)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#f34ad6
```
#f34ad6 rgb(243,74,214)
```

Split Complementary Color

#f3bc4a
```
#f3bc4a rgb(243,188,74)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#bc4af3
```
#bc4af3 rgb(188,74,243)
```

Triadic Color

#81f34a
```
#81f34a rgb(129,243,74)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#bc4af3
```
#bc4af3 rgb(188,74,243)
```
#f34a81
```
#f34a81 rgb(243,74,129)
```

Tetradic Color

#0fe29d
```
#0fe29d rgb(15,226,157)
```
#1af0aa
```
#1af0aa rgb(26,240,170)
```
#32f1b3
```
#32f1b3 rgb(50,241,179)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#62f5c5
```
#62f5c5 rgb(98,245,197)
```
#7af6ce
```
#7af6ce rgb(122,246,206)
```
#92f8d7
```
#92f8d7 rgb(146,248,215)
```

Monochromatic Color

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

#4af392
```
#4af392 rgb(74,243,146)
```
#4af3a0
```
#4af3a0 rgb(74,243,160)
```
#4af3ae
```
#4af3ae rgb(74,243,174)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#4af3ca
```
#4af3ca rgb(74,243,202)
```
#4af3d8
```
#4af3d8 rgb(74,243,216)
```
#4af3e6
```
#4af3e6 rgb(74,243,230)
```

Similar Colors

Text with hexadecimal color #4af3bc

This text has a font color of #4af3bc.

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

#4af3bc background color

This paragraph has a background color of #4af3bc.

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

#4af3bc border color

This element has a border color of #4af3bc.

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

CSS codes

.text {color:#4af3bc;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#01150f
```
#01150f rgb(1,21,15)
```
#03281c
```
#03281c rgb(3,40,28)
```
#043a28
```
#043a28 rgb(4,58,40)
```
#054d35
```
#054d35 rgb(5,77,53)
```
#065f42
```
#065f42 rgb(6,95,66)
```
#08714f
```
#08714f rgb(8,113,79)
```
#09845c
```
#09845c rgb(9,132,92)
```
#0a9669
```
#0a9669 rgb(10,150,105)
```
#0ba975
```
#0ba975 rgb(11,169,117)
```
#0cbb82
```
#0cbb82 rgb(12,187,130)
```
#0ecd8f
```
#0ecd8f rgb(14,205,143)
```
#0fe09c
```
#0fe09c rgb(15,224,156)
```

Shade Color Variation

#13efa8
```
#13efa8 rgb(19,239,168)
```
#25f1ae
```
#25f1ae rgb(37,241,174)
```
#38f2b5
```
#38f2b5 rgb(56,242,181)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#5cf4c3
```
#5cf4c3 rgb(92,244,195)
```
#6ff5ca
```
#6ff5ca rgb(111,245,202)
```
#81f7d0
```
#81f7d0 rgb(129,247,208)
```
#94f8d7
```
#94f8d7 rgb(148,248,215)
```
#a6f9de
```
#a6f9de rgb(166,249,222)
```
#b8fae5
```
#b8fae5 rgb(184,250,229)
```
#cbfcec
```
#cbfcec rgb(203,252,236)
```
#ddfdf2
```
#ddfdf2 rgb(221,253,242)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca19f is the less saturated color, while #43fabf is the most saturated one.

#9ca19f
```
#9ca19f rgb(156,161,159)
```
#94a9a2
```
#94a9a2 rgb(148,169,162)
```
#8db0a5
```
#8db0a5 rgb(141,176,165)
```
#85b8a7
```
#85b8a7 rgb(133,184,167)
```
#7ebfaa
```
#7ebfaa rgb(126,191,170)
```
#77c6ac
```
#77c6ac rgb(119,198,172)
```
#6fceaf
```
#6fceaf rgb(111,206,175)
```
#68d5b2
```
#68d5b2 rgb(104,213,178)
```
#60ddb4
```
#60ddb4 rgb(96,221,180)
```
#59e4b7
```
#59e4b7 rgb(89,228,183)
```
#51ecb9
```
#51ecb9 rgb(81,236,185)
```
#4af3bc
```
#4af3bc rgb(74,243,188)
```
#43fabf
```
#43fabf rgb(67,250,191)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a4c5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab3 Protanopia 1% of men
#f5d3ca Deuteranopia 1% of men
#74ebfc Tritanopia 0.001% of the population

Trichromacy

#aee3b6 Protanomaly 1% of men, 0.01% of women
#b6dfc5 Deuteranomaly 6% of men, 0.4% of women
#64eee4 Tritanomaly 0.01% of the population

#4af3bc hex color

#4af3bc Color Information

#4af3bc Color Conversion

Color Schemes with #4af3bc

Alternatives to #4af3bc

#4af3bc Preview

Shades and Tints of #4af3bc

Tones of #4af3bc

Color Blindness Simulator