#69af50 hex color

In a RGB color space, hex #69af50 is composed of 41.2% red, 68.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 54.3% yellow and 31.4% black. It has a hue angle of 104.2 degrees, a saturation of 37.3% and a lightness of 50%. #69af50 color hex could be obtained by blending #d2ffa0 with #005f00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 41
- G 69
- B 31
RGB color chart
- C 40
- M 0
- Y 54
- K 31
CMYK color chart

● #69af50 color description : Dark moderate green.

The hexadecimal color #69af50 has RGB values of R:105, G:175, B:80 and CMYK values of C:0.4, M:0, Y:0.54, K:0.31. Its decimal value is 6926160.

Hex triplet	69af50	`#69af50`
RGB Decimal	105, 175, 80	`rgb(105,175,80)`
RGB Percent	41.2, 68.6, 31.4	`rgb(41.2%,68.6%,31.4%)`
CMYK	40, 0, 54, 31
HSL	104.2°, 37.3, 50	`hsl(104.2,37.3%,50%)`
HSV (or HSB)	104.2°, 54.3, 68.6
Web Safe	669966	`#669966`

CIE-LAB	65.154, -40.026, 41.42
XYZ	22.603, 34.241, 13.007
xyY	0.324, 0.49, 34.241
CIE-LCH	65.154, 57.599, 134.02
CIE-LUV	65.154, -34.447, 57.077
Hunter-Lab	58.516, -33.454, 27.782
Binary	01101001, 10101111, 01010000

#69af50
```
#69af50 rgb(105,175,80)
```
#9650af
```
#9650af rgb(150,80,175)
```

Complementary Color

#99af50
```
#99af50 rgb(153,175,80)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#50af67
```
#50af67 rgb(80,175,103)
```

Analogous Color

#af5099
```
#af5099 rgb(175,80,153)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#6750af
```
#6750af rgb(103,80,175)
```

Split Complementary Color

#af5069
```
#af5069 rgb(175,80,105)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#5069af
```
#5069af rgb(80,105,175)
```

Triadic Color

#af9650
```
#af9650 rgb(175,150,80)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#5069af
```
#5069af rgb(80,105,175)
```
#9650af
```
#9650af rgb(150,80,175)
```

Tetradic Color

#4a7b38
```
#4a7b38 rgb(74,123,56)
```
#548c40
```
#548c40 rgb(84,140,64)
```
#5e9e48
```
#5e9e48 rgb(94,158,72)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#78b762
```
#78b762 rgb(120,183,98)
```
#87bf73
```
#87bf73 rgb(135,191,115)
```
#96c785
```
#96c785 rgb(150,199,133)
```

Monochromatic Color

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

#81af50
```
#81af50 rgb(129,175,80)
```
#79af50
```
#79af50 rgb(121,175,80)
```
#71af50
```
#71af50 rgb(113,175,80)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#61af50
```
#61af50 rgb(97,175,80)
```
#59af50
```
#59af50 rgb(89,175,80)
```
#51af50
```
#51af50 rgb(81,175,80)
```

Similar Colors

Text with hexadecimal color #69af50

This text has a font color of #69af50.

<span style="color:#69af50;">Text here</span>

#69af50 background color

This paragraph has a background color of #69af50.

<p style="background-color:#69af50;">Content here</p>

#69af50 border color

This element has a border color of #69af50.

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

CSS codes

.text {color:#69af50;}

.background {background-color:#69af50;}

.border {border:1px solid #69af50;}

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

#080d06
```
#080d06 rgb(8,13,6)
```
#101b0c
```
#101b0c rgb(16,27,12)
```
#182812
```
#182812 rgb(24,40,18)
```
#203619
```
#203619 rgb(32,54,25)
```
#28431f
```
#28431f rgb(40,67,31)
```
#305125
```
#305125 rgb(48,81,37)
```
#395e2b
```
#395e2b rgb(57,94,43)
```
#416c31
```
#416c31 rgb(65,108,49)
```
#497937
```
#497937 rgb(73,121,55)
```
#51873e
```
#51873e rgb(81,135,62)
```
#599444
```
#599444 rgb(89,148,68)
```
#61a24a
```
#61a24a rgb(97,162,74)
```
#69af50
```
#69af50 rgb(105,175,80)
```

Shade Color Variation

#75b55d
```
#75b55d rgb(117,181,93)
```
#80bb6b
```
#80bb6b rgb(128,187,107)
```
#8cc178
```
#8cc178 rgb(140,193,120)
```
#97c886
```
#97c886 rgb(151,200,134)
```
#a3ce93
```
#a3ce93 rgb(163,206,147)
```
#aed4a1
```
#aed4a1 rgb(174,212,161)
```
#badaae
```
#badaae rgb(186,218,174)
```
#c5e0bc
```
#c5e0bc rgb(197,224,188)
```
#d1e6c9
```
#d1e6c9 rgb(209,230,201)
```
#dcedd7
```
#dcedd7 rgb(220,237,215)
```
#e8f3e4
```
#e8f3e4 rgb(232,243,228)
```
#f3f9f2
```
#f3f9f2 rgb(243,249,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8877 is the less saturated color, while #44fd02 is the most saturated one.

#7c8877
```
#7c8877 rgb(124,136,119)
```
#77926d
```
#77926d rgb(119,146,109)
```
#729b64
```
#729b64 rgb(114,155,100)
```
#6ea55a
```
#6ea55a rgb(110,165,90)
```
#69af50
```
#69af50 rgb(105,175,80)
```
#64b946
```
#64b946 rgb(100,185,70)
```
#60c33c
```
#60c33c rgb(96,195,60)
```
#5bcc33
```
#5bcc33 rgb(91,204,51)
```
#56d629
```
#56d629 rgb(86,214,41)
```
#52e01f
```
#52e01f rgb(82,224,31)
```
#4dea15
```
#4dea15 rgb(77,234,21)
```
#48f40b
```
#48f40b rgb(72,244,11)
```
#44fd02
```
#44fd02 rgb(68,253,2)
```

Tone Color Variation

Below, you can see how #69af50 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

#8f8f8f Achromatopsia 0.005% of the population
#879582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a354 Protanopia 1% of men
#c59c61 Deuteranopia 1% of men
#83a9b5 Tritanopia 0.001% of the population

Trichromacy

#98a752 Protanomaly 1% of men, 0.01% of women
#a3a35b Deuteranomaly 6% of men, 0.4% of women
#79ab90 Tritanomaly 0.01% of the population

#69af50 hex color

#69af50 Color Information

#69af50 Color Conversion

Color Schemes with #69af50

Alternatives to #69af50

#69af50 Preview

Shades and Tints of #69af50

Tones of #69af50

Color Blindness Simulator