#5af369 hex color

In a RGB color space, hex #5af369 is composed of 35.3% red, 95.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 56.8% yellow and 4.7% black. It has a hue angle of 125.9 degrees, a saturation of 86.4% and a lightness of 65.3%. #5af369 color hex could be obtained by blending #b4ffd2 with #00e700. Closest websafe color is: #66ff66.

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

● #5af369 color description : Soft lime green.

The hexadecimal color #5af369 has RGB values of R:90, G:243, B:105 and CMYK values of C:0.63, M:0, Y:0.57, K:0.05. Its decimal value is 5960553.

Hex triplet	5af369	`#5af369`
RGB Decimal	90, 243, 105	`rgb(90,243,105)`
RGB Percent	35.3, 95.3, 41.2	`rgb(35.3%,95.3%,41.2%)`
CMYK	63, 0, 57, 5
HSL	125.9°, 86.4, 65.3	`hsl(125.9,86.4%,65.3%)`
HSV (or HSB)	125.9°, 63, 95.3
Web Safe	66ff66	`#66ff66`

CIE-LAB	85.651, -67.194, 53.934
XYZ	38.815, 67.291, 24.307
xyY	0.298, 0.516, 67.291
CIE-LCH	85.651, 86.162, 141.247
CIE-LUV	85.651, -66.087, 80.018
Hunter-Lab	82.031, -59.094, 39.854
Binary	01011010, 11110011, 01101001

#5af369
```
#5af369 rgb(90,243,105)
```
#f35ae4
```
#f35ae4 rgb(243,90,228)
```

Complementary Color

#98f35a
```
#98f35a rgb(152,243,90)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#5af3b6
```
#5af3b6 rgb(90,243,182)
```

Analogous Color

#f35a98
```
#f35a98 rgb(243,90,152)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#b65af3
```
#b65af3 rgb(182,90,243)
```

Split Complementary Color

#f3695a
```
#f3695a rgb(243,105,90)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#695af3
```
#695af3 rgb(105,90,243)
```

Triadic Color

#e4f35a
```
#e4f35a rgb(228,243,90)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#695af3
```
#695af3 rgb(105,90,243)
```
#f35ae4
```
#f35ae4 rgb(243,90,228)
```

Tetradic Color

#13ee28
```
#13ee28 rgb(19,238,40)
```
#2af03e
```
#2af03e rgb(42,240,62)
```
#42f153
```
#42f153 rgb(66,241,83)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#72f57f
```
#72f57f rgb(114,245,127)
```
#8af694
```
#8af694 rgb(138,246,148)
```
#a1f8aa
```
#a1f8aa rgb(161,248,170)
```

Monochromatic Color

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

#71f35a
```
#71f35a rgb(113,243,90)
```
#65f35a
```
#65f35a rgb(101,243,90)
```
#5af35c
```
#5af35c rgb(90,243,92)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#5af376
```
#5af376 rgb(90,243,118)
```
#5af383
```
#5af383 rgb(90,243,131)
```
#5af38f
```
#5af38f rgb(90,243,143)
```

Similar Colors

Text with hexadecimal color #5af369

This text has a font color of #5af369.

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

#5af369 background color

This paragraph has a background color of #5af369.

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

#5af369 border color

This element has a border color of #5af369.

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

CSS codes

.text {color:#5af369;}

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

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

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

#011203
```
#011203 rgb(1,18,3)
```
#032406
```
#032406 rgb(3,36,6)
```
#043609
```
#043609 rgb(4,54,9)
```
#05490c
```
#05490c rgb(5,73,12)
```
#075b0f
```
#075b0f rgb(7,91,15)
```
#086d12
```
#086d12 rgb(8,109,18)
```
#098015
```
#098015 rgb(9,128,21)
```
#0b9218
```
#0b9218 rgb(11,146,24)
```
#0ca41b
```
#0ca41b rgb(12,164,27)
```
#0db61e
```
#0db61e rgb(13,182,30)
```
#0fc921
```
#0fc921 rgb(15,201,33)
```
#10db24
```
#10db24 rgb(16,219,36)
```
#11ed27
```
#11ed27 rgb(17,237,39)
```

Shade Color Variation

#23ef37
```
#23ef37 rgb(35,239,55)
```
#35f048
```
#35f048 rgb(53,240,72)
```
#48f258
```
#48f258 rgb(72,242,88)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#6cf47a
```
#6cf47a rgb(108,244,122)
```
#7ff68a
```
#7ff68a rgb(127,246,138)
```
#91f79b
```
#91f79b rgb(145,247,155)
```
#a3f8ab
```
#a3f8ab rgb(163,248,171)
```
#b5fabc
```
#b5fabc rgb(181,250,188)
```
#c8fbcd
```
#c8fbcd rgb(200,251,205)
```
#dafcdd
```
#dafcdd rgb(218,252,221)
```
#ecfeee
```
#ecfeee rgb(236,254,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a5a8a5
```
#a5a8a5 rgb(165,168,165)
```
#9eafa0
```
#9eafa0 rgb(158,175,160)
```
#97b69a
```
#97b69a rgb(151,182,154)
```
#90bd95
```
#90bd95 rgb(144,189,149)
```
#8ac38f
```
#8ac38f rgb(138,195,143)
```
#83ca8a
```
#83ca8a rgb(131,202,138)
```
#7cd184
```
#7cd184 rgb(124,209,132)
```
#75d87f
```
#75d87f rgb(117,216,127)
```
#6edf79
```
#6edf79 rgb(110,223,121)
```
#68e574
```
#68e574 rgb(104,229,116)
```
#61ec6e
```
#61ec6e rgb(97,236,110)
```
#5af369
```
#5af369 rgb(90,243,105)
```
#53fa64
```
#53fa64 rgb(83,250,100)
```

Tone Color Variation

Below, you can see how #5af369 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
#a4c2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed868 Protanopia 1% of men
#ffd092 Deuteranopia 1% of men
#8ce5f6 Tritanopia 0.001% of the population

Trichromacy

#b8e268 Protanomaly 1% of men, 0.01% of women
#c3dd83 Deuteranomaly 6% of men, 0.4% of women
#7aeac2 Tritanomaly 0.01% of the population

#5af369 hex color

#5af369 Color Information

#5af369 Color Conversion

Color Schemes with #5af369

Alternatives to #5af369

#5af369 Preview

Shades and Tints of #5af369

Tones of #5af369

Color Blindness Simulator