#a5f684 hex color

In a RGB color space, hex #a5f684 is composed of 64.7% red, 96.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 0% magenta, 46.3% yellow and 3.5% black. It has a hue angle of 102.6 degrees, a saturation of 86.4% and a lightness of 74.1%. #a5f684 color hex could be obtained by blending #ffffff with #4bed09. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 65
- G 96
- B 52
RGB color chart
- C 33
- M 0
- Y 46
- K 4
CMYK color chart

● #a5f684 color description : Soft green.

The hexadecimal color #a5f684 has RGB values of R:165, G:246, B:132 and CMYK values of C:0.33, M:0, Y:0.46, K:0.04. Its decimal value is 10876548.

Hex triplet	a5f684	`#a5f684`
RGB Decimal	165, 246, 132	`rgb(165,246,132)`
RGB Percent	64.7, 96.5, 51.8	`rgb(64.7%,96.5%,51.8%)`
CMYK	33, 0, 46, 4
HSL	102.6°, 86.4, 74.1	`hsl(102.6,86.4%,74.1%)`
HSV (or HSB)	102.6°, 46.3, 96.5
Web Safe	99ff99	`#99ff99`

CIE-LAB	89.662, -44.839, 46.966
XYZ	52.636, 75.575, 33.643
xyY	0.325, 0.467, 75.575
CIE-LCH	89.662, 64.933, 133.673
CIE-LUV	89.662, -39.946, 70.032
Hunter-Lab	86.934, -44.058, 37.909
Binary	10100101, 11110110, 10000100

#a5f684
```
#a5f684 rgb(165,246,132)
```
#d584f6
```
#d584f6 rgb(213,132,246)
```

Complementary Color

#def684
```
#def684 rgb(222,246,132)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#84f69c
```
#84f69c rgb(132,246,156)
```

Analogous Color

#f684de
```
#f684de rgb(246,132,222)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#9c84f6
```
#9c84f6 rgb(156,132,246)
```

Split Complementary Color

#f684a5
```
#f684a5 rgb(246,132,165)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#84a5f6
```
#84a5f6 rgb(132,165,246)
```

Triadic Color

#f6d584
```
#f6d584 rgb(246,213,132)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#84a5f6
```
#84a5f6 rgb(132,165,246)
```
#d584f6
```
#d584f6 rgb(213,132,246)
```

Tetradic Color

#71f13d
```
#71f13d rgb(113,241,61)
```
#82f354
```
#82f354 rgb(130,243,84)
```
#94f46c
```
#94f46c rgb(148,244,108)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#b6f89c
```
#b6f89c rgb(182,248,156)
```
#c8f9b4
```
#c8f9b4 rgb(200,249,180)
```
#d9fbcb
```
#d9fbcb rgb(217,251,203)
```

Monochromatic Color

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

#c2f684
```
#c2f684 rgb(194,246,132)
```
#b8f684
```
#b8f684 rgb(184,246,132)
```
#aff684
```
#aff684 rgb(175,246,132)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#9cf684
```
#9cf684 rgb(156,246,132)
```
#92f684
```
#92f684 rgb(146,246,132)
```
#89f684
```
#89f684 rgb(137,246,132)
```

Similar Colors

Text with hexadecimal color #a5f684

This text has a font color of #a5f684.

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

#a5f684 background color

This paragraph has a background color of #a5f684.

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

#a5f684 border color

This element has a border color of #a5f684.

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

CSS codes

.text {color:#a5f684;}

.background {background-color:#a5f684;}

.border {border:1px solid #a5f684;}

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

#020500
```
#020500 rgb(2,5,0)
```
#081702
```
#081702 rgb(8,23,2)
```
#0e2a03
```
#0e2a03 rgb(14,42,3)
```
#143c04
```
#143c04 rgb(20,60,4)
```
#1b4e06
```
#1b4e06 rgb(27,78,6)
```
#216007
```
#216007 rgb(33,96,7)
```
#277308
```
#277308 rgb(39,115,8)
```
#2d850a
```
#2d850a rgb(45,133,10)
```
#34970b
```
#34970b rgb(52,151,11)
```
#3aa90c
```
#3aa90c rgb(58,169,12)
```
#40bc0e
```
#40bc0e rgb(64,188,14)
```
#46ce0f
```
#46ce0f rgb(70,206,15)
```
#4de010
```
#4de010 rgb(77,224,16)
```

Shade Color Variation

#55ee16
```
#55ee16 rgb(85,238,22)
```
#62ef29
```
#62ef29 rgb(98,239,41)
```
#70f13b
```
#70f13b rgb(112,241,59)
```
#7df24d
```
#7df24d rgb(125,242,77)
```
#8af35f
```
#8af35f rgb(138,243,95)
```
#98f572
```
#98f572 rgb(152,245,114)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#b2f796
```
#b2f796 rgb(178,247,150)
```
#c0f9a9
```
#c0f9a9 rgb(192,249,169)
```
#cdfabb
```
#cdfabb rgb(205,250,187)
```
#dafbcd
```
#dafbcd rgb(218,251,205)
```
#e8fddf
```
#e8fddf rgb(232,253,223)
```
#f5fef2
```
#f5fef2 rgb(245,254,242)
```

Tint Color Variation

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

#bdbebc
```
#bdbebc rgb(189,190,188)
```
#bac3b7
```
#bac3b7 rgb(186,195,183)
```
#b8c8b2
```
#b8c8b2 rgb(184,200,178)
```
#b6cdad
```
#b6cdad rgb(182,205,173)
```
#b4d2a8
```
#b4d2a8 rgb(180,210,168)
```
#b2d8a2
```
#b2d8a2 rgb(178,216,162)
```
#b0dd9d
```
#b0dd9d rgb(176,221,157)
```
#aee298
```
#aee298 rgb(174,226,152)
```
#abe793
```
#abe793 rgb(171,231,147)
```
#a9ec8e
```
#a9ec8e rgb(169,236,142)
```
#a7f189
```
#a7f189 rgb(167,241,137)
```
#a5f684
```
#a5f684 rgb(165,246,132)
```
#a3fb7f
```
#a3fb7f rgb(163,251,127)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c8d8c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e383 Protanopia 1% of men
#ffddb9 Deuteranopia 1% of men
#bfe9fa Tritanopia 0.001% of the population

Trichromacy

#dae983 Protanomaly 1% of men, 0.01% of women
#dee6a6 Deuteranomaly 6% of men, 0.4% of women
#b5eecf Tritanomaly 0.01% of the population

#a5f684 hex color

#a5f684 Color Information

#a5f684 Color Conversion

Color Schemes with #a5f684

Alternatives to #a5f684

#a5f684 Preview

Shades and Tints of #a5f684

Tones of #a5f684

Color Blindness Simulator