#5af386 hex color

In a RGB color space, hex #5af386 is composed of 35.3% red, 95.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 44.9% yellow and 4.7% black. It has a hue angle of 137.3 degrees, a saturation of 86.4% and a lightness of 65.3%. #5af386 color hex could be obtained by blending #b4ffff with #00e70d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 95
- B 53
RGB color chart
- C 63
- M 0
- Y 45
- K 5
CMYK color chart

● #5af386 color description : Soft cyan - lime green.

The hexadecimal color #5af386 has RGB values of R:90, G:243, B:134 and CMYK values of C:0.63, M:0, Y:0.45, K:0.05. Its decimal value is 5960582.

Hex triplet	5af386	`#5af386`
RGB Decimal	90, 243, 134	`rgb(90,243,134)`
RGB Percent	35.3, 95.3, 52.5	`rgb(35.3%,95.3%,52.5%)`
CMYK	63, 0, 45, 5
HSL	137.3°, 86.4, 65.3	`hsl(137.3,86.4%,65.3%)`
HSV (or HSB)	137.3°, 63, 95.3
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.003, -63.208, 40.797
XYZ	40.568, 67.993, 33.539
xyY	0.285, 0.478, 67.993
CIE-LCH	86.003, 75.231, 147.161
CIE-LUV	86.003, -64.936, 65.634
Hunter-Lab	82.458, -56.482, 33.605
Binary	01011010, 11110011, 10000110

#5af386
```
#5af386 rgb(90,243,134)
```
#f35ac7
```
#f35ac7 rgb(243,90,199)
```

Complementary Color

#7bf35a
```
#7bf35a rgb(123,243,90)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#5af3d3
```
#5af3d3 rgb(90,243,211)
```

Analogous Color

#f35a7b
```
#f35a7b rgb(243,90,123)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#d35af3
```
#d35af3 rgb(211,90,243)
```

Split Complementary Color

#f3865a
```
#f3865a rgb(243,134,90)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#865af3
```
#865af3 rgb(134,90,243)
```

Triadic Color

#c7f35a
```
#c7f35a rgb(199,243,90)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#865af3
```
#865af3 rgb(134,90,243)
```
#f35ac7
```
#f35ac7 rgb(243,90,199)
```

Tetradic Color

#13ee52
```
#13ee52 rgb(19,238,82)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#42f175
```
#42f175 rgb(66,241,117)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#72f597
```
#72f597 rgb(114,245,151)
```
#8af6a9
```
#8af6a9 rgb(138,246,169)
```
#a1f8ba
```
#a1f8ba rgb(161,248,186)
```

Monochromatic Color

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

#5af360
```
#5af360 rgb(90,243,96)
```
#5af36d
```
#5af36d rgb(90,243,109)
```
#5af379
```
#5af379 rgb(90,243,121)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#5af393
```
#5af393 rgb(90,243,147)
```
#5af3a0
```
#5af3a0 rgb(90,243,160)
```
#5af3ac
```
#5af3ac rgb(90,243,172)
```

Similar Colors

Text with hexadecimal color #5af386

This text has a font color of #5af386.

<span style="color:#5af386;">Text here</span>

#5af386 background color

This paragraph has a background color of #5af386.

<p style="background-color:#5af386;">Content here</p>

#5af386 border color

This element has a border color of #5af386.

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

CSS codes

.text {color:#5af386;}

.background {background-color:#5af386;}

.border {border:1px solid #5af386;}

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

#011206
```
#011206 rgb(1,18,6)
```
#03240c
```
#03240c rgb(3,36,12)
```
#043612
```
#043612 rgb(4,54,18)
```
#054919
```
#054919 rgb(5,73,25)
```
#075b1f
```
#075b1f rgb(7,91,31)
```
#086d25
```
#086d25 rgb(8,109,37)
```
#09802b
```
#09802b rgb(9,128,43)
```
#0b9232
```
#0b9232 rgb(11,146,50)
```
#0ca438
```
#0ca438 rgb(12,164,56)
```
#0db63e
```
#0db63e rgb(13,182,62)
```
#0fc944
```
#0fc944 rgb(15,201,68)
```
#10db4a
```
#10db4a rgb(16,219,74)
```
#11ed51
```
#11ed51 rgb(17,237,81)
```

Shade Color Variation

#23ef5e
```
#23ef5e rgb(35,239,94)
```
#35f06b
```
#35f06b rgb(53,240,107)
```
#48f279
```
#48f279 rgb(72,242,121)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#6cf493
```
#6cf493 rgb(108,244,147)
```
#7ff6a1
```
#7ff6a1 rgb(127,246,161)
```
#91f7ae
```
#91f7ae rgb(145,247,174)
```
#a3f8bc
```
#a3f8bc rgb(163,248,188)
```
#b5fac9
```
#b5fac9 rgb(181,250,201)
```
#c8fbd6
```
#c8fbd6 rgb(200,251,214)
```
#dafce4
```
#dafce4 rgb(218,252,228)
```
#ecfef1
```
#ecfef1 rgb(236,254,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a5a8a6
```
#a5a8a6 rgb(165,168,166)
```
#9eafa3
```
#9eafa3 rgb(158,175,163)
```
#97b6a0
```
#97b6a0 rgb(151,182,160)
```
#90bd9d
```
#90bd9d rgb(144,189,157)
```
#8ac39a
```
#8ac39a rgb(138,195,154)
```
#83ca97
```
#83ca97 rgb(131,202,151)
```
#7cd194
```
#7cd194 rgb(124,209,148)
```
#75d892
```
#75d892 rgb(117,216,146)
```
#6edf8f
```
#6edf8f rgb(110,223,143)
```
#68e58c
```
#68e58c rgb(104,229,140)
```
#61ec89
```
#61ec89 rgb(97,236,137)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#53fa83
```
#53fa83 rgb(83,250,131)
```

Tone Color Variation

Below, you can see how #5af386 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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd982 Protanopia 1% of men
#ffd19e Deuteranopia 1% of men
#88e7f7 Tritanopia 0.001% of the population

Trichromacy

#b7e283 Protanomaly 1% of men, 0.01% of women
#c3dd95 Deuteranomaly 6% of men, 0.4% of women
#77ebce Tritanomaly 0.01% of the population

#5af386 hex color

#5af386 Color Information

#5af386 Color Conversion

Color Schemes with #5af386

Alternatives to #5af386

#5af386 Preview

Shades and Tints of #5af386

Tones of #5af386

Color Blindness Simulator