#a1d5b8 hex color

In a RGB color space, hex #a1d5b8 is composed of 63.1% red, 83.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 0% magenta, 13.6% yellow and 16.5% black. It has a hue angle of 146.5 degrees, a saturation of 38.2% and a lightness of 73.3%. #a1d5b8 color hex could be obtained by blending #ffffff with #43ab71. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 84
- B 72
RGB color chart
- C 24
- M 0
- Y 14
- K 16
CMYK color chart

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

The hexadecimal color #a1d5b8 has RGB values of R:161, G:213, B:184 and CMYK values of C:0.24, M:0, Y:0.14, K:0.16. Its decimal value is 10606008.

Hex triplet	a1d5b8	`#a1d5b8`
RGB Decimal	161, 213, 184	`rgb(161,213,184)`
RGB Percent	63.1, 83.5, 72.2	`rgb(63.1%,83.5%,72.2%)`
CMYK	24, 0, 14, 16
HSL	146.5°, 38.2, 73.3	`hsl(146.5,38.2%,73.3%)`
HSV (or HSB)	146.5°, 24.4, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.085, -22.685, 8.905
XYZ	47.142, 58.625, 54.177
xyY	0.295, 0.367, 58.625
CIE-LCH	81.085, 24.37, 158.566
CIE-LUV	81.085, -26.027, 17.02
Hunter-Lab	76.567, -24.091, 11.645
Binary	10100001, 11010101, 10111000

#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#d5a1be
```
#d5a1be rgb(213,161,190)
```

Complementary Color

#a4d5a1
```
#a4d5a1 rgb(164,213,161)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#a1d5d2
```
#a1d5d2 rgb(161,213,210)
```

Analogous Color

#d5a1a4
```
#d5a1a4 rgb(213,161,164)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#d2a1d5
```
#d2a1d5 rgb(210,161,213)
```

Split Complementary Color

#d5b8a1
```
#d5b8a1 rgb(213,184,161)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#b8a1d5
```
#b8a1d5 rgb(184,161,213)
```

Triadic Color

#bed5a1
```
#bed5a1 rgb(190,213,161)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#b8a1d5
```
#b8a1d5 rgb(184,161,213)
```
#d5a1be
```
#d5a1be rgb(213,161,190)
```

Tetradic Color

#6cbd90
```
#6cbd90 rgb(108,189,144)
```
#7ec59d
```
#7ec59d rgb(126,197,157)
```
#8fcdab
```
#8fcdab rgb(143,205,171)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#b3ddc5
```
#b3ddc5 rgb(179,221,197)
```
#c4e5d3
```
#c4e5d3 rgb(196,229,211)
```
#d6ede0
```
#d6ede0 rgb(214,237,224)
```

Monochromatic Color

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

#a1d5ab
```
#a1d5ab rgb(161,213,171)
```
#a1d5af
```
#a1d5af rgb(161,213,175)
```
#a1d5b4
```
#a1d5b4 rgb(161,213,180)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#a1d5bc
```
#a1d5bc rgb(161,213,188)
```
#a1d5c1
```
#a1d5c1 rgb(161,213,193)
```
#a1d5c5
```
#a1d5c5 rgb(161,213,197)
```

Similar Colors

Text with hexadecimal color #a1d5b8

This text has a font color of #a1d5b8.

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

#a1d5b8 background color

This paragraph has a background color of #a1d5b8.

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

#a1d5b8 border color

This element has a border color of #a1d5b8.

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

CSS codes

.text {color:#a1d5b8;}

.background {background-color:#a1d5b8;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0d1c13
```
#0d1c13 rgb(13,28,19)
```
#132a1d
```
#132a1d rgb(19,42,29)
```
#193726
```
#193726 rgb(25,55,38)
```
#1f4530
```
#1f4530 rgb(31,69,48)
```
#255239
```
#255239 rgb(37,82,57)
```
#2b6042
```
#2b6042 rgb(43,96,66)
```
#316d4c
```
#316d4c rgb(49,109,76)
```
#377b55
```
#377b55 rgb(55,123,85)
```
#3d885e
```
#3d885e rgb(61,136,94)
```
#439668
```
#439668 rgb(67,150,104)
```
#49a471
```
#49a471 rgb(73,164,113)
```

Shade Color Variation

#50b17b
```
#50b17b rgb(80,177,123)
```
#5db785
```
#5db785 rgb(93,183,133)
```
#6bbd8f
```
#6bbd8f rgb(107,189,143)
```
#78c399
```
#78c399 rgb(120,195,153)
```
#86c9a4
```
#86c9a4 rgb(134,201,164)
```
#93cfae
```
#93cfae rgb(147,207,174)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#afdbc2
```
#afdbc2 rgb(175,219,194)
```
#bce1cc
```
#bce1cc rgb(188,225,204)
```
#cae7d7
```
#cae7d7 rgb(202,231,215)
```
#d7ede1
```
#d7ede1 rgb(215,237,225)
```
#e5f3eb
```
#e5f3eb rgb(229,243,235)
```
#f2f9f5
```
#f2f9f5 rgb(242,249,245)
```

Tint Color Variation

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

#b6c0ba
```
#b6c0ba rgb(182,192,186)
```
#b1c5ba
```
#b1c5ba rgb(177,197,186)
```
#abcbb9
```
#abcbb9 rgb(171,203,185)
```
#a6d0b9
```
#a6d0b9 rgb(166,208,185)
```
#a1d5b8
```
#a1d5b8 rgb(161,213,184)
```
#9cdab7
```
#9cdab7 rgb(156,218,183)
```
#97dfb7
```
#97dfb7 rgb(151,223,183)
```
#91e5b6
```
#91e5b6 rgb(145,229,182)
```
#8ceab6
```
#8ceab6 rgb(140,234,182)
```
#87efb5
```
#87efb5 rgb(135,239,181)
```
#82f4b4
```
#82f4b4 rgb(130,244,180)
```
#7cfab4
```
#7cfab4 rgb(124,250,180)
```
#77ffb3
```
#77ffb3 rgb(119,255,179)
```

Tone Color Variation

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

Dichromacy

#d4cbb6 Protanopia 1% of men
#e3c5c1 Deuteranopia 1% of men
#aed1e0 Tritanopia 0.001% of the population

Trichromacy

#c2ceb6 Protanomaly 1% of men, 0.01% of women
#cbcbbe Deuteranomaly 6% of men, 0.4% of women
#a9d2d1 Tritanomaly 0.01% of the population

#a1d5b8 hex color

#a1d5b8 Color Information

#a1d5b8 Color Conversion

Color Schemes with #a1d5b8

Alternatives to #a1d5b8

#a1d5b8 Preview

Shades and Tints of #a1d5b8

Tones of #a1d5b8

Color Blindness Simulator