#a5d2bc hex color

In a RGB color space, hex #a5d2bc is composed of 64.7% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 150.7 degrees, a saturation of 33.3% and a lightness of 73.5%. #a5d2bc color hex could be obtained by blending #ffffff with #4ba579. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 82
- B 74
RGB color chart
- C 21
- M 0
- Y 10
- K 18
CMYK color chart

● #a5d2bc color description : Grayish cyan - lime green.

The hexadecimal color #a5d2bc has RGB values of R:165, G:210, B:188 and CMYK values of C:0.21, M:0, Y:0.1, K:0.18. Its decimal value is 10867388.

Hex triplet	a5d2bc	`#a5d2bc`
RGB Decimal	165, 210, 188	`rgb(165,210,188)`
RGB Percent	64.7, 82.4, 73.7	`rgb(64.7%,82.4%,73.7%)`
CMYK	21, 0, 10, 18
HSL	150.7°, 33.3, 73.5	`hsl(150.7,33.3%,73.5%)`
HSV (or HSB)	150.7°, 21.4, 82.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.584, -19.14, 6.088
XYZ	47.638, 57.722, 56.206
xyY	0.295, 0.357, 57.722
CIE-LCH	80.584, 20.085, 162.357
CIE-LUV	80.584, -22.776, 12.313
Hunter-Lab	75.975, -21.032, 9.32
Binary	10100101, 11010010, 10111100

#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#d2a5bb
```
#d2a5bb rgb(210,165,187)
```

Complementary Color

#a5d2a6
```
#a5d2a6 rgb(165,210,166)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#a5d2d2
```
#a5d2d2 rgb(165,210,210)
```

Analogous Color

#d2a6a5
```
#d2a6a5 rgb(210,166,165)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#d2a5d2
```
#d2a5d2 rgb(210,165,210)
```

Split Complementary Color

#d2bca5
```
#d2bca5 rgb(210,188,165)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#bca5d2
```
#bca5d2 rgb(188,165,210)
```

Triadic Color

#bbd2a5
```
#bbd2a5 rgb(187,210,165)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#bca5d2
```
#bca5d2 rgb(188,165,210)
```
#d2a5bb
```
#d2a5bb rgb(210,165,187)
```

Tetradic Color

#72b996
```
#72b996 rgb(114,185,150)
```
#83c1a3
```
#83c1a3 rgb(131,193,163)
```
#94caaf
```
#94caaf rgb(148,202,175)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#b6dbc9
```
#b6dbc9 rgb(182,219,201)
```
#c7e3d5
```
#c7e3d5 rgb(199,227,213)
```
#d8ece2
```
#d8ece2 rgb(216,236,226)
```

Monochromatic Color

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

#a5d2b1
```
#a5d2b1 rgb(165,210,177)
```
#a5d2b5
```
#a5d2b5 rgb(165,210,181)
```
#a5d2b8
```
#a5d2b8 rgb(165,210,184)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#a5d2c0
```
#a5d2c0 rgb(165,210,192)
```
#a5d2c4
```
#a5d2c4 rgb(165,210,196)
```
#a5d2c7
```
#a5d2c7 rgb(165,210,199)
```

Similar Colors

Text with hexadecimal color #a5d2bc

This text has a font color of #a5d2bc.

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

#a5d2bc background color

This paragraph has a background color of #a5d2bc.

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

#a5d2bc border color

This element has a border color of #a5d2bc.

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

CSS codes

.text {color:#a5d2bc;}

.background {background-color:#a5d2bc;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#070f0b
```
#070f0b rgb(7,15,11)
```
#0e1c15
```
#0e1c15 rgb(14,28,21)
```
#14291f
```
#14291f rgb(20,41,31)
```
#1b3629
```
#1b3629 rgb(27,54,41)
```
#214333
```
#214333 rgb(33,67,51)
```
#28503c
```
#28503c rgb(40,80,60)
```
#2f5d46
```
#2f5d46 rgb(47,93,70)
```
#356a50
```
#356a50 rgb(53,106,80)
```
#3c775a
```
#3c775a rgb(60,119,90)
```
#428464
```
#428464 rgb(66,132,100)
```
#49916e
```
#49916e rgb(73,145,110)
```
#4f9e78
```
#4f9e78 rgb(79,158,120)
```

Shade Color Variation

#57ab82
```
#57ab82 rgb(87,171,130)
```
#64b18b
```
#64b18b rgb(100,177,139)
```
#71b895
```
#71b895 rgb(113,184,149)
```
#7ebe9f
```
#7ebe9f rgb(126,190,159)
```
#8bc5a9
```
#8bc5a9 rgb(139,197,169)
```
#98cbb2
```
#98cbb2 rgb(152,203,178)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#b2d9c6
```
#b2d9c6 rgb(178,217,198)
```
#bfdfcf
```
#bfdfcf rgb(191,223,207)
```
#cce6d9
```
#cce6d9 rgb(204,230,217)
```
#d9ece3
```
#d9ece3 rgb(217,236,227)
```
#e6f3ed
```
#e6f3ed rgb(230,243,237)
```
#f3f9f6
```
#f3f9f6 rgb(243,249,246)
```

Tint Color Variation

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

#babdbc
```
#babdbc rgb(186,189,188)
```
#b5c2bc
```
#b5c2bc rgb(181,194,188)
```
#afc8bc
```
#afc8bc rgb(175,200,188)
```
#aacdbc
```
#aacdbc rgb(170,205,188)
```
#a5d2bc
```
#a5d2bc rgb(165,210,188)
```
#a0d7bc
```
#a0d7bc rgb(160,215,188)
```
#9bdcbc
```
#9bdcbc rgb(155,220,188)
```
#95e2bc
```
#95e2bc rgb(149,226,188)
```
#90e7bc
```
#90e7bc rgb(144,231,188)
```
#8becbd
```
#8becbd rgb(139,236,189)
```
#86f1bd
```
#86f1bd rgb(134,241,189)
```
#81f6bd
```
#81f6bd rgb(129,246,189)
```
#7bfcbd
```
#7bfcbd rgb(123,252,189)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bcc5c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2caba Protanopia 1% of men
#dfc4c4 Deuteranopia 1% of men
#b0cfde Tritanopia 0.001% of the population

Trichromacy

#c1ccba Protanomaly 1% of men, 0.01% of women
#cac9c1 Deuteranomaly 6% of men, 0.4% of women
#acd0d2 Tritanomaly 0.01% of the population

#a5d2bc hex color

#a5d2bc Color Information

#a5d2bc Color Conversion

Color Schemes with #a5d2bc

Alternatives to #a5d2bc

#a5d2bc Preview

Shades and Tints of #a5d2bc

Tones of #a5d2bc

Color Blindness Simulator