#3af2c3 hex color

In a RGB color space, hex #3af2c3 is composed of 22.7% red, 94.9% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 19.4% yellow and 5.1% black. It has a hue angle of 164.7 degrees, a saturation of 87.6% and a lightness of 58.8%. #3af2c3 color hex could be obtained by blending #74ffff with #00e587. Closest websafe color is: #33ffcc.

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

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

The hexadecimal color #3af2c3 has RGB values of R:58, G:242, B:195 and CMYK values of C:0.76, M:0, Y:0.19, K:0.05. Its decimal value is 3863235.

Hex triplet	3af2c3	`#3af2c3`
RGB Decimal	58, 242, 195	`rgb(58,242,195)`
RGB Percent	22.7, 94.9, 76.5	`rgb(22.7%,94.9%,76.5%)`
CMYK	76, 0, 19, 5
HSL	164.7°, 87.6, 58.8	`hsl(164.7,87.6%,58.8%)`
HSV (or HSB)	164.7°, 76, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.176, -55.557, 9.921
XYZ	43.344, 68.34, 62.533
xyY	0.249, 0.392, 68.34
CIE-LCH	86.176, 56.436, 169.875
CIE-LUV	86.176, -67.001, 23.911
Hunter-Lab	82.668, -51.079, 13.018
Binary	00111010, 11110010, 11000011

#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#f23a69
```
#f23a69 rgb(242,58,105)
```

Complementary Color

#3af267
```
#3af267 rgb(58,242,103)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#3ac5f2
```
#3ac5f2 rgb(58,197,242)
```

Analogous Color

#f2673a
```
#f2673a rgb(242,103,58)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#f23ac5
```
#f23ac5 rgb(242,58,197)
```

Split Complementary Color

#f2c33a
```
#f2c33a rgb(242,195,58)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#c33af2
```
#c33af2 rgb(195,58,242)
```

Triadic Color

#69f23a
```
#69f23a rgb(105,242,58)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#c33af2
```
#c33af2 rgb(195,58,242)
```
#f23a69
```
#f23a69 rgb(242,58,105)
```

Tetradic Color

#0ed2a0
```
#0ed2a0 rgb(14,210,160)
```
#0feab2
```
#0feab2 rgb(15,234,178)
```
#22f0bc
```
#22f0bc rgb(34,240,188)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#52f4ca
```
#52f4ca rgb(82,244,202)
```
#6af5d2
```
#6af5d2 rgb(106,245,210)
```
#82f7d9
```
#82f7d9 rgb(130,247,217)
```

Monochromatic Color

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

#3af295
```
#3af295 rgb(58,242,149)
```
#3af2a4
```
#3af2a4 rgb(58,242,164)
```
#3af2b4
```
#3af2b4 rgb(58,242,180)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#3af2d2
```
#3af2d2 rgb(58,242,210)
```
#3af2e2
```
#3af2e2 rgb(58,242,226)
```
#3af2f1
```
#3af2f1 rgb(58,242,241)
```

Similar Colors

Text with hexadecimal color #3af2c3

This text has a font color of #3af2c3.

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

#3af2c3 background color

This paragraph has a background color of #3af2c3.

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

#3af2c3 border color

This element has a border color of #3af2c3.

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

CSS codes

.text {color:#3af2c3;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#021812
```
#021812 rgb(2,24,18)
```
#032a20
```
#032a20 rgb(3,42,32)
```
#043d2e
```
#043d2e rgb(4,61,46)
```
#054f3c
```
#054f3c rgb(5,79,60)
```
#06614a
```
#06614a rgb(6,97,74)
```
#087458
```
#087458 rgb(8,116,88)
```
#098666
```
#098666 rgb(9,134,102)
```
#0a9974
```
#0a9974 rgb(10,153,116)
```
#0bab82
```
#0bab82 rgb(11,171,130)
```
#0dbd90
```
#0dbd90 rgb(13,189,144)
```
#0ed09e
```
#0ed09e rgb(14,208,158)
```
#0fe2ac
```
#0fe2ac rgb(15,226,172)
```

Shade Color Variation

#15f0b8
```
#15f0b8 rgb(21,240,184)
```
#28f1bd
```
#28f1bd rgb(40,241,189)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#4cf3c9
```
#4cf3c9 rgb(76,243,201)
```
#5ff4ce
```
#5ff4ce rgb(95,244,206)
```
#71f6d4
```
#71f6d4 rgb(113,246,212)
```
#84f7d9
```
#84f7d9 rgb(132,247,217)
```
#96f8df
```
#96f8df rgb(150,248,223)
```
#a8f9e5
```
#a8f9e5 rgb(168,249,229)
```
#bbfbea
```
#bbfbea rgb(187,251,234)
```
#cdfcf0
```
#cdfcf0 rgb(205,252,240)
```
#e0fdf5
```
#e0fdf5 rgb(224,253,245)
```
#f2fefb
```
#f2fefb rgb(242,254,251)
```

Tint Color Variation

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

#939998
```
#939998 rgb(147,153,152)
```
#8ba19b
```
#8ba19b rgb(139,161,155)
```
#83a99f
```
#83a99f rgb(131,169,159)
```
#7bb1a3
```
#7bb1a3 rgb(123,177,163)
```
#73b9a7
```
#73b9a7 rgb(115,185,167)
```
#6ac2ab
```
#6ac2ab rgb(106,194,171)
```
#62caaf
```
#62caaf rgb(98,202,175)
```
#5ad2b3
```
#5ad2b3 rgb(90,210,179)
```
#52dab7
```
#52dab7 rgb(82,218,183)
```
#4ae2bb
```
#4ae2bb rgb(74,226,187)
```
#42eabf
```
#42eabf rgb(66,234,191)
```
#3af2c3
```
#3af2c3 rgb(58,242,195)
```
#32fac7
```
#32fac7 rgb(50,250,199)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9dc2b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d9b9 Protanopia 1% of men
#f0d2d1 Deuteranopia 1% of men
#68ebfc Tritanopia 0.001% of the population

Trichromacy

#a6e2bd Protanomaly 1% of men, 0.01% of women
#aedecc Deuteranomaly 6% of men, 0.4% of women
#57ede7 Tritanomaly 0.01% of the population

#3af2c3 hex color

#3af2c3 Color Information

#3af2c3 Color Conversion

Color Schemes with #3af2c3

Alternatives to #3af2c3

#3af2c3 Preview

Shades and Tints of #3af2c3

Tones of #3af2c3

Color Blindness Simulator