#3af385 hex color

In a RGB color space, hex #3af385 is composed of 22.7% red, 95.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 45.3% yellow and 4.7% black. It has a hue angle of 144.3 degrees, a saturation of 88.5% and a lightness of 59%. #3af385 color hex could be obtained by blending #74ffff with #00e70b. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #3af385 has RGB values of R:58, G:243, B:133 and CMYK values of C:0.76, M:0, Y:0.45, K:0.05. Its decimal value is 3863429.

Hex triplet	3af385	`#3af385`
RGB Decimal	58, 243, 133	`rgb(58,243,133)`
RGB Percent	22.7, 95.3, 52.2	`rgb(22.7%,95.3%,52.2%)`
CMYK	76, 0, 45, 5
HSL	144.3°, 88.5, 59	`hsl(144.3,88.5%,59%)`
HSV (or HSB)	144.3°, 76.1, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.347, -68.414, 40.316
XYZ	38.027, 66.69, 33.057
xyY	0.276, 0.484, 66.69
CIE-LCH	85.347, 79.409, 149.489
CIE-LUV	85.347, -71.149, 65.793
Hunter-Lab	81.664, -59.795, 33.164
Binary	00111010, 11110011, 10000101

#3af385
```
#3af385 rgb(58,243,133)
```
#f33aa8
```
#f33aa8 rgb(243,58,168)
```

Complementary Color

#4cf33a
```
#4cf33a rgb(76,243,58)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#3af3e2
```
#3af3e2 rgb(58,243,226)
```

Analogous Color

#f33a4c
```
#f33a4c rgb(243,58,76)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#e23af3
```
#e23af3 rgb(226,58,243)
```

Split Complementary Color

#f3853a
```
#f3853a rgb(243,133,58)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#853af3
```
#853af3 rgb(133,58,243)
```

Triadic Color

#a8f33a
```
#a8f33a rgb(168,243,58)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#853af3
```
#853af3 rgb(133,58,243)
```
#f33aa8
```
#f33aa8 rgb(243,58,168)
```

Tetradic Color

#0dd45d
```
#0dd45d rgb(13,212,93)
```
#0eec68
```
#0eec68 rgb(14,236,104)
```
#22f276
```
#22f276 rgb(34,242,118)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#52f494
```
#52f494 rgb(82,244,148)
```
#6af6a3
```
#6af6a3 rgb(106,246,163)
```
#82f7b2
```
#82f7b2 rgb(130,247,178)
```

Monochromatic Color

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

#3af357
```
#3af357 rgb(58,243,87)
```
#3af366
```
#3af366 rgb(58,243,102)
```
#3af376
```
#3af376 rgb(58,243,118)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#3af394
```
#3af394 rgb(58,243,148)
```
#3af3a4
```
#3af3a4 rgb(58,243,164)
```
#3af3b3
```
#3af3b3 rgb(58,243,179)
```

Similar Colors

Text with hexadecimal color #3af385

This text has a font color of #3af385.

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

#3af385 background color

This paragraph has a background color of #3af385.

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

#3af385 border color

This element has a border color of #3af385.

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

CSS codes

.text {color:#3af385;}

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

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

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

#000603
```
#000603 rgb(0,6,3)
```
#02190b
```
#02190b rgb(2,25,11)
```
#032b13
```
#032b13 rgb(3,43,19)
```
#043e1b
```
#043e1b rgb(4,62,27)
```
#055023
```
#055023 rgb(5,80,35)
```
#06632c
```
#06632c rgb(6,99,44)
```
#077534
```
#077534 rgb(7,117,52)
```
#08883c
```
#08883c rgb(8,136,60)
```
#099a44
```
#099a44 rgb(9,154,68)
```
#0bad4c
```
#0bad4c rgb(11,173,76)
```
#0cbf54
```
#0cbf54 rgb(12,191,84)
```
#0dd25d
```
#0dd25d rgb(13,210,93)
```
#0ee465
```
#0ee465 rgb(14,228,101)
```

Shade Color Variation

#15f16e
```
#15f16e rgb(21,241,110)
```
#28f27a
```
#28f27a rgb(40,242,122)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#4cf490
```
#4cf490 rgb(76,244,144)
```
#5ff59c
```
#5ff59c rgb(95,245,156)
```
#71f6a7
```
#71f6a7 rgb(113,246,167)
```
#84f8b3
```
#84f8b3 rgb(132,248,179)
```
#96f9be
```
#96f9be rgb(150,249,190)
```
#a9faca
```
#a9faca rgb(169,250,202)
```
#bbfbd5
```
#bbfbd5 rgb(187,251,213)
```
#cefce1
```
#cefce1 rgb(206,252,225)
```
#e0fdec
```
#e0fdec rgb(224,253,236)
```
#f3fef8
```
#f3fef8 rgb(243,254,248)
```

Tint Color Variation

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

#929b96
```
#929b96 rgb(146,155,150)
```
#8aa394
```
#8aa394 rgb(138,163,148)
```
#82ab93
```
#82ab93 rgb(130,171,147)
```
#7ab391
```
#7ab391 rgb(122,179,145)
```
#72bb90
```
#72bb90 rgb(114,187,144)
```
#6ac38e
```
#6ac38e rgb(106,195,142)
```
#62cb8d
```
#62cb8d rgb(98,203,141)
```
#5ad38b
```
#5ad38b rgb(90,211,139)
```
#52db8a
```
#52db8a rgb(82,219,138)
```
#4ae388
```
#4ae388 rgb(74,227,136)
```
#42eb87
```
#42eb87 rgb(66,235,135)
```
#3af385
```
#3af385 rgb(58,243,133)
```
#32fb83
```
#32fb83 rgb(50,251,131)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#98bda7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd781 Protanopia 1% of men
#ffce99 Deuteranopia 1% of men
#78e7f7 Tritanopia 0.001% of the population

Trichromacy

#aae182 Protanomaly 1% of men, 0.01% of women
#b7dc91 Deuteranomaly 6% of men, 0.4% of women
#61ebce Tritanomaly 0.01% of the population

#3af385 hex color

#3af385 Color Information

#3af385 Color Conversion

Color Schemes with #3af385

Alternatives to #3af385

#3af385 Preview

Shades and Tints of #3af385

Tones of #3af385

Color Blindness Simulator