#3afdc8 hex color

In a RGB color space, hex #3afdc8 is composed of 22.7% red, 99.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 20.9% yellow and 0.8% black. It has a hue angle of 163.7 degrees, a saturation of 98% and a lightness of 61%. #3afdc8 color hex could be obtained by blending #74ffff with #00fb91. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 23
- G 99
- B 78
RGB color chart
- C 77
- M 0
- Y 21
- K 1
CMYK color chart

● #3afdc8 color description : Bright cyan - lime green.

The hexadecimal color #3afdc8 has RGB values of R:58, G:253, B:200 and CMYK values of C:0.77, M:0, Y:0.21, K:0.01. Its decimal value is 3866056.

Hex triplet	3afdc8	`#3afdc8`
RGB Decimal	58, 253, 200	`rgb(58,253,200)`
RGB Percent	22.7, 99.2, 78.4	`rgb(22.7%,99.2%,78.4%)`
CMYK	77, 0, 21, 1
HSL	163.7°, 98, 61	`hsl(163.7,98%,61%)`
HSV (or HSB)	163.7°, 77.1, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.541, -58.713, 12.121
XYZ	47.291, 75.316, 66.685
xyY	0.25, 0.398, 75.316
CIE-LCH	89.541, 59.951, 168.335
CIE-LUV	89.541, -70.392, 27.812
Hunter-Lab	86.785, -54.603, 15.191
Binary	00111010, 11111101, 11001000

#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#fd3a6f
```
#fd3a6f rgb(253,58,111)
```

Complementary Color

#3afd67
```
#3afd67 rgb(58,253,103)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#3ad1fd
```
#3ad1fd rgb(58,209,253)
```

Analogous Color

#fd673a
```
#fd673a rgb(253,103,58)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#fd3ad1
```
#fd3ad1 rgb(253,58,209)
```

Split Complementary Color

#fdc83a
```
#fdc83a rgb(253,200,58)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#c83afd
```
#c83afd rgb(200,58,253)
```

Triadic Color

#6ffd3a
```
#6ffd3a rgb(111,253,58)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#c83afd
```
#c83afd rgb(200,58,253)
```
#fd3a6f
```
#fd3a6f rgb(253,58,111)
```

Tetradic Color

#02e8aa
```
#02e8aa rgb(2,232,170)
```
#08fcba
```
#08fcba rgb(8,252,186)
```
#21fdc1
```
#21fdc1 rgb(33,253,193)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#53fdcf
```
#53fdcf rgb(83,253,207)
```
#6cfed6
```
#6cfed6 rgb(108,254,214)
```
#86fedd
```
#86fedd rgb(134,254,221)
```

Monochromatic Color

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

#3afd97
```
#3afd97 rgb(58,253,151)
```
#3afda8
```
#3afda8 rgb(58,253,168)
```
#3afdb8
```
#3afdb8 rgb(58,253,184)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#3afdd8
```
#3afdd8 rgb(58,253,216)
```
#3afde9
```
#3afde9 rgb(58,253,233)
```
#3afdf9
```
#3afdf9 rgb(58,253,249)
```

Similar Colors

Text with hexadecimal color #3afdc8

This text has a font color of #3afdc8.

<span style="color:#3afdc8;">Text here</span>

#3afdc8 background color

This paragraph has a background color of #3afdc8.

<p style="background-color:#3afdc8;">Content here</p>

#3afdc8 border color

This element has a border color of #3afdc8.

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

CSS codes

.text {color:#3afdc8;}

.background {background-color:#3afdc8;}

.border {border:1px solid #3afdc8;}

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, #00110c is the darkest color, while #fcfffe is the lightest one.

#00110c
```
#00110c rgb(0,17,12)
```
#00241a
```
#00241a rgb(0,36,26)
```
#013729
```
#013729 rgb(1,55,41)
```
#014b37
```
#014b37 rgb(1,75,55)
```
#015e45
```
#015e45 rgb(1,94,69)
```
#017253
```
#017253 rgb(1,114,83)
```
#018561
```
#018561 rgb(1,133,97)
```
#02996f
```
#02996f rgb(2,153,111)
```
#02ac7e
```
#02ac7e rgb(2,172,126)
```
#02bf8c
```
#02bf8c rgb(2,191,140)
```
#02d39a
```
#02d39a rgb(2,211,154)
```
#02e6a8
```
#02e6a8 rgb(2,230,168)
```
#03fab6
```
#03fab6 rgb(3,250,182)
```

Shade Color Variation

#13fdbd
```
#13fdbd rgb(19,253,189)
```
#27fdc3
```
#27fdc3 rgb(39,253,195)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```
#4dfdcd
```
#4dfdcd rgb(77,253,205)
```
#61fdd3
```
#61fdd3 rgb(97,253,211)
```
#74fed8
```
#74fed8 rgb(116,254,216)
```
#88fede
```
#88fede rgb(136,254,222)
```
#9bfee3
```
#9bfee3 rgb(155,254,227)
```
#affee9
```
#affee9 rgb(175,254,233)
```
#c2feee
```
#c2feee rgb(194,254,238)
```
#d5fff3
```
#d5fff3 rgb(213,255,243)
```
#e9fff9
```
#e9fff9 rgb(233,255,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a19e is the less saturated color, while #3afdc8 is the most saturated one.

#96a19e
```
#96a19e rgb(150,161,158)
```
#8ea9a2
```
#8ea9a2 rgb(142,169,162)
```
#87b0a5
```
#87b0a5 rgb(135,176,165)
```
#7fb8a9
```
#7fb8a9 rgb(127,184,169)
```
#77c0ac
```
#77c0ac rgb(119,192,172)
```
#70c7b0
```
#70c7b0 rgb(112,199,176)
```
#68cfb3
```
#68cfb3 rgb(104,207,179)
```
#60d7b7
```
#60d7b7 rgb(96,215,183)
```
#59deba
```
#59deba rgb(89,222,186)
```
#51e6be
```
#51e6be rgb(81,230,190)
```
#49eec1
```
#49eec1 rgb(73,238,193)
```
#42f5c5
```
#42f5c5 rgb(66,245,197)
```
#3afdc8
```
#3afdc8 rgb(58,253,200)
```

Tone Color Variation

Below, you can see how #3afdc8 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

#bdbdbd Achromatopsia 0.005% of the population
#a3cabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee2be Protanopia 1% of men
#fcdbd6 Deuteranopia 1% of men
#94f0ff Tritanopia 0.001% of the population

Trichromacy

#adebc1 Protanomaly 1% of men, 0.01% of women
#b5e7d1 Deuteranomaly 6% of men, 0.4% of women
#73f5eb Tritanomaly 0.01% of the population

#3afdc8 hex color

#3afdc8 Color Information

#3afdc8 Color Conversion

Color Schemes with #3afdc8

Alternatives to #3afdc8

#3afdc8 Preview

Shades and Tints of #3afdc8

Tones of #3afdc8

Color Blindness Simulator