#3af875 hex color

In a RGB color space, hex #3af875 is composed of 22.7% red, 97.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 52.8% yellow and 2.7% black. It has a hue angle of 138.6 degrees, a saturation of 93.1% and a lightness of 60%. #3af875 color hex could be obtained by blending #74ffea with #00f100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 23
- G 97
- B 46
RGB color chart
- C 77
- M 0
- Y 53
- K 3
CMYK color chart

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

The hexadecimal color #3af875 has RGB values of R:58, G:248, B:117 and CMYK values of C:0.77, M:0, Y:0.53, K:0.03. Its decimal value is 3864693.

Hex triplet	3af875	`#3af875`
RGB Decimal	58, 248, 117	`rgb(58,248,117)`
RGB Percent	22.7, 97.3, 45.9	`rgb(22.7%,97.3%,45.9%)`
CMYK	77, 0, 53, 3
HSL	138.6°, 93.1, 60	`hsl(138.6,93.1%,60%)`
HSV (or HSB)	138.6°, 76.6, 97.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.66, -72.481, 49.548
XYZ	38.521, 69.315, 28.178
xyY	0.283, 0.51, 69.315
CIE-LCH	86.66, 87.798, 145.644
CIE-LUV	86.66, -73.596, 76.796
Hunter-Lab	83.255, -63.109, 38.212
Binary	00111010, 11111000, 01110101

#3af875
```
#3af875 rgb(58,248,117)
```
#f83abd
```
#f83abd rgb(248,58,189)
```

Complementary Color

#5ef83a
```
#5ef83a rgb(94,248,58)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#3af8d4
```
#3af8d4 rgb(58,248,212)
```

Analogous Color

#f83a5e
```
#f83a5e rgb(248,58,94)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#d43af8
```
#d43af8 rgb(212,58,248)
```

Split Complementary Color

#f8753a
```
#f8753a rgb(248,117,58)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#753af8
```
#753af8 rgb(117,58,248)
```

Triadic Color

#bdf83a
```
#bdf83a rgb(189,248,58)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#753af8
```
#753af8 rgb(117,58,248)
```
#f83abd
```
#f83abd rgb(248,58,189)
```

Tetradic Color

#08de4a
```
#08de4a rgb(8,222,74)
```
#09f653
```
#09f653 rgb(9,246,83)
```
#21f764
```
#21f764 rgb(33,247,100)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#53f986
```
#53f986 rgb(83,249,134)
```
#6bfa98
```
#6bfa98 rgb(107,250,152)
```
#84fba9
```
#84fba9 rgb(132,251,169)
```

Monochromatic Color

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

#3af846
```
#3af846 rgb(58,248,70)
```
#3af855
```
#3af855 rgb(58,248,85)
```
#3af865
```
#3af865 rgb(58,248,101)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#3af885
```
#3af885 rgb(58,248,133)
```
#3af895
```
#3af895 rgb(58,248,149)
```
#3af8a5
```
#3af8a5 rgb(58,248,165)
```

Similar Colors

Text with hexadecimal color #3af875

This text has a font color of #3af875.

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

#3af875 background color

This paragraph has a background color of #3af875.

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

#3af875 border color

This element has a border color of #3af875.

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

CSS codes

.text {color:#3af875;}

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

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

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, #000b04 is the darkest color, while #f7fffa is the lightest one.

#000b04
```
#000b04 rgb(0,11,4)
```
#011e0a
```
#011e0a rgb(1,30,10)
```
#023111
```
#023111 rgb(2,49,17)
```
#024417
```
#024417 rgb(2,68,23)
```
#03571d
```
#03571d rgb(3,87,29)
```
#046a24
```
#046a24 rgb(4,106,36)
```
#047d2a
```
#047d2a rgb(4,125,42)
```
#059030
```
#059030 rgb(5,144,48)
```
#06a337
```
#06a337 rgb(6,163,55)
```
#06b63d
```
#06b63d rgb(6,182,61)
```
#07c943
```
#07c943 rgb(7,201,67)
```
#08dc4a
```
#08dc4a rgb(8,220,74)
```
#08ef50
```
#08ef50 rgb(8,239,80)
```

Shade Color Variation

#14f75a
```
#14f75a rgb(20,247,90)
```
#27f768
```
#27f768 rgb(39,247,104)
```
#3af875
```
#3af875 rgb(58,248,117)
```
#4df982
```
#4df982 rgb(77,249,130)
```
#60f990
```
#60f990 rgb(96,249,144)
```
#73fa9d
```
#73fa9d rgb(115,250,157)
```
#86fbaa
```
#86fbaa rgb(134,251,170)
```
#99fbb7
```
#99fbb7 rgb(153,251,183)
```
#acfcc5
```
#acfcc5 rgb(172,252,197)
```
#bffdd2
```
#bffdd2 rgb(191,253,210)
```
#d2fddf
```
#d2fddf rgb(210,253,223)
```
#e4feec
```
#e4feec rgb(228,254,236)
```
#f7fffa
```
#f7fffa rgb(247,255,250)
```

Tint Color Variation

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

#989a99
```
#989a99 rgb(152,154,153)
```
#90a296
```
#90a296 rgb(144,162,150)
```
#88aa93
```
#88aa93 rgb(136,170,147)
```
#81b190
```
#81b190 rgb(129,177,144)
```
#79b98d
```
#79b98d rgb(121,185,141)
```
#71c18a
```
#71c18a rgb(113,193,138)
```
#69c987
```
#69c987 rgb(105,201,135)
```
#61d184
```
#61d184 rgb(97,209,132)
```
#59d981
```
#59d981 rgb(89,217,129)
```
#52e07e
```
#52e07e rgb(82,224,126)
```
#4ae87b
```
#4ae87b rgb(74,232,123)
```
#42f078
```
#42f078 rgb(66,240,120)
```
#3af875
```
#3af875 rgb(58,248,117)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#98bea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db72 Protanopia 1% of men
#ffd39f Deuteranopia 1% of men
#7deafb Tritanopia 0.001% of the population

Trichromacy

#aee573 Protanomaly 1% of men, 0.01% of women
#b7e090 Deuteranomaly 6% of men, 0.4% of women
#64efca Tritanomaly 0.01% of the population

#3af875 hex color

#3af875 Color Information

#3af875 Color Conversion

Color Schemes with #3af875

Alternatives to #3af875

#3af875 Preview

Shades and Tints of #3af875

Tones of #3af875

Color Blindness Simulator