#69af84 hex color

In a RGB color space, hex #69af84 is composed of 41.2% red, 68.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 24.6% yellow and 31.4% black. It has a hue angle of 143.1 degrees, a saturation of 30.4% and a lightness of 54.9%. #69af84 color hex could be obtained by blending #d2ffff with #005f09. Closest websafe color is: #669999.

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

● #69af84 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #69af84 has RGB values of R:105, G:175, B:132 and CMYK values of C:0.4, M:0, Y:0.25, K:0.31. Its decimal value is 6926212.

Hex triplet	69af84	`#69af84`
RGB Decimal	105, 175, 132	`rgb(105,175,132)`
RGB Percent	41.2, 68.6, 51.8	`rgb(41.2%,68.6%,51.8%)`
CMYK	40, 0, 25, 31
HSL	143.1°, 30.4, 54.9	`hsl(143.1,30.4%,54.9%)`
HSV (or HSB)	143.1°, 40, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.003, -31.745, 15.25
XYZ	25.319, 35.328, 27.313
xyY	0.288, 0.402, 35.328
CIE-LCH	66.003, 35.218, 154.341
CIE-LUV	66.003, -33.373, 26.31
Hunter-Lab	59.437, -27.977, 14.36
Binary	01101001, 10101111, 10000100

#69af84
```
#69af84 rgb(105,175,132)
```
#af6994
```
#af6994 rgb(175,105,148)
```

Complementary Color

#71af69
```
#71af69 rgb(113,175,105)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#69afa7
```
#69afa7 rgb(105,175,167)
```

Analogous Color

#af6971
```
#af6971 rgb(175,105,113)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#a769af
```
#a769af rgb(167,105,175)
```

Split Complementary Color

#af8469
```
#af8469 rgb(175,132,105)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#8469af
```
#8469af rgb(132,105,175)
```

Triadic Color

#94af69
```
#94af69 rgb(148,175,105)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#8469af
```
#8469af rgb(132,105,175)
```
#af6994
```
#af6994 rgb(175,105,148)
```

Tetradic Color

#47855f
```
#47855f rgb(71,133,95)
```
#50956b
```
#50956b rgb(80,149,107)
```
#59a676
```
#59a676 rgb(89,166,118)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#7ab892
```
#7ab892 rgb(122,184,146)
```
#8ac19f
```
#8ac19f rgb(138,193,159)
```
#9bcaad
```
#9bcaad rgb(155,202,173)
```

Monochromatic Color

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

#69af73
```
#69af73 rgb(105,175,115)
```
#69af78
```
#69af78 rgb(105,175,120)
```
#69af7e
```
#69af7e rgb(105,175,126)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#69af8a
```
#69af8a rgb(105,175,138)
```
#69af90
```
#69af90 rgb(105,175,144)
```
#69af96
```
#69af96 rgb(105,175,150)
```

Similar Colors

Text with hexadecimal color #69af84

This text has a font color of #69af84.

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

#69af84 background color

This paragraph has a background color of #69af84.

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

#69af84 border color

This element has a border color of #69af84.

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

CSS codes

.text {color:#69af84;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09100c
```
#09100c rgb(9,16,12)
```
#101d15
```
#101d15 rgb(16,29,21)
```
#162a1e
```
#162a1e rgb(22,42,30)
```
#1d3727
```
#1d3727 rgb(29,55,39)
```
#244330
```
#244330 rgb(36,67,48)
```
#2b5039
```
#2b5039 rgb(43,80,57)
```
#325d42
```
#325d42 rgb(50,93,66)
```
#386a4c
```
#386a4c rgb(56,106,76)
```
#3f7755
```
#3f7755 rgb(63,119,85)
```
#46835e
```
#46835e rgb(70,131,94)
```
#4d9067
```
#4d9067 rgb(77,144,103)
```
#549d70
```
#549d70 rgb(84,157,112)
```

Shade Color Variation

#5ca87a
```
#5ca87a rgb(92,168,122)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#76b68e
```
#76b68e rgb(118,182,142)
```
#83bd99
```
#83bd99 rgb(131,189,153)
```
#8fc3a3
```
#8fc3a3 rgb(143,195,163)
```
#9ccaae
```
#9ccaae rgb(156,202,174)
```
#a9d1b8
```
#a9d1b8 rgb(169,209,184)
```
#b6d8c3
```
#b6d8c3 rgb(182,216,195)
```
#c3dfcd
```
#c3dfcd rgb(195,223,205)
```
#cfe6d8
```
#cfe6d8 rgb(207,230,216)
```
#dcece2
```
#dcece2 rgb(220,236,226)
```
#e9f3ed
```
#e9f3ed rgb(233,243,237)
```
#f6faf7
```
#f6faf7 rgb(246,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84948a is the less saturated color, while #19ff72 is the most saturated one.

#84948a
```
#84948a rgb(132,148,138)
```
#7b9d88
```
#7b9d88 rgb(123,157,136)
```
#72a686
```
#72a686 rgb(114,166,134)
```
#69af84
```
#69af84 rgb(105,175,132)
```
#60b882
```
#60b882 rgb(96,184,130)
```
#57c180
```
#57c180 rgb(87,193,128)
```
#4eca7e
```
#4eca7e rgb(78,202,126)
```
#46d27c
```
#46d27c rgb(70,210,124)
```
#3ddb7a
```
#3ddb7a rgb(61,219,122)
```
#34e478
```
#34e478 rgb(52,228,120)
```
#2bed76
```
#2bed76 rgb(43,237,118)
```
#22f674
```
#22f674 rgb(34,246,116)
```
#19ff72
```
#19ff72 rgb(25,255,114)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8c9a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa484 Protanopia 1% of men
#bc9f90 Deuteranopia 1% of men
#7dacb9 Tritanopia 0.001% of the population

Trichromacy

#95a884 Protanomaly 1% of men, 0.01% of women
#9da58c Deuteranomaly 6% of men, 0.4% of women
#76ada5 Tritanomaly 0.01% of the population

#69af84 hex color

#69af84 Color Information

#69af84 Color Conversion

Color Schemes with #69af84

Alternatives to #69af84

#69af84 Preview

Shades and Tints of #69af84

Tones of #69af84

Color Blindness Simulator