#a1d4bb hex color

In a RGB color space, hex #a1d4bb is composed of 63.1% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 150.6 degrees, a saturation of 37.2% and a lightness of 73.1%. #a1d4bb color hex could be obtained by blending #ffffff with #43a977. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 83
- B 73
RGB color chart
- C 24
- M 0
- Y 12
- K 17
CMYK color chart

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

The hexadecimal color #a1d4bb has RGB values of R:161, G:212, B:187 and CMYK values of C:0.24, M:0, Y:0.12, K:0.17. Its decimal value is 10605755.

Hex triplet	a1d4bb	`#a1d4bb`
RGB Decimal	161, 212, 187	`rgb(161,212,187)`
RGB Percent	63.1, 83.1, 73.3	`rgb(63.1%,83.1%,73.3%)`
CMYK	24, 0, 12, 17
HSL	150.6°, 37.2, 73.1	`hsl(150.6,37.2%,73.1%)`
HSV (or HSB)	150.6°, 24.1, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.878, -21.605, 7.013
XYZ	47.209, 58.25, 55.767
xyY	0.293, 0.361, 58.25
CIE-LCH	80.878, 22.714, 162.017
CIE-LUV	80.878, -25.571, 14.085
Hunter-Lab	76.322, -23.153, 10.103
Binary	10100001, 11010100, 10111011

#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#d4a1ba
```
#d4a1ba rgb(212,161,186)
```

Complementary Color

#a1d4a2
```
#a1d4a2 rgb(161,212,162)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#a1d4d4
```
#a1d4d4 rgb(161,212,212)
```

Analogous Color

#d4a2a1
```
#d4a2a1 rgb(212,162,161)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#d4a1d4
```
#d4a1d4 rgb(212,161,212)
```

Split Complementary Color

#d4bba1
```
#d4bba1 rgb(212,187,161)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#bba1d4
```
#bba1d4 rgb(187,161,212)
```

Triadic Color

#bad4a1
```
#bad4a1 rgb(186,212,161)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#bba1d4
```
#bba1d4 rgb(187,161,212)
```
#d4a1ba
```
#d4a1ba rgb(212,161,186)
```

Tetradic Color

#6dbc95
```
#6dbc95 rgb(109,188,149)
```
#7ec4a2
```
#7ec4a2 rgb(126,196,162)
```
#90ccae
```
#90ccae rgb(144,204,174)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#b2dcc8
```
#b2dcc8 rgb(178,220,200)
```
#c4e4d4
```
#c4e4d4 rgb(196,228,212)
```
#d5ece1
```
#d5ece1 rgb(213,236,225)
```

Monochromatic Color

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

#a1d4ae
```
#a1d4ae rgb(161,212,174)
```
#a1d4b3
```
#a1d4b3 rgb(161,212,179)
```
#a1d4b7
```
#a1d4b7 rgb(161,212,183)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#a1d4bf
```
#a1d4bf rgb(161,212,191)
```
#a1d4c4
```
#a1d4c4 rgb(161,212,196)
```
#a1d4c8
```
#a1d4c8 rgb(161,212,200)
```

Similar Colors

Text with hexadecimal color #a1d4bb

This text has a font color of #a1d4bb.

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

#a1d4bb background color

This paragraph has a background color of #a1d4bb.

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

#a1d4bb border color

This element has a border color of #a1d4bb.

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

CSS codes

.text {color:#a1d4bb;}

.background {background-color:#a1d4bb;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0c1b14
```
#0c1b14 rgb(12,27,20)
```
#13291e
```
#13291e rgb(19,41,30)
```
#193628
```
#193628 rgb(25,54,40)
```
#1f4432
```
#1f4432 rgb(31,68,50)
```
#25513b
```
#25513b rgb(37,81,59)
```
#2b5e45
```
#2b5e45 rgb(43,94,69)
```
#316c4f
```
#316c4f rgb(49,108,79)
```
#387959
```
#387959 rgb(56,121,89)
```
#3e8763
```
#3e8763 rgb(62,135,99)
```
#44946d
```
#44946d rgb(68,148,109)
```
#4aa277
```
#4aa277 rgb(74,162,119)
```

Shade Color Variation

#50af81
```
#50af81 rgb(80,175,129)
```
#5eb58a
```
#5eb58a rgb(94,181,138)
```
#6bbb94
```
#6bbb94 rgb(107,187,148)
```
#79c29e
```
#79c29e rgb(121,194,158)
```
#86c8a8
```
#86c8a8 rgb(134,200,168)
```
#94ceb1
```
#94ceb1 rgb(148,206,177)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#aedac5
```
#aedac5 rgb(174,218,197)
```
#bce0ce
```
#bce0ce rgb(188,224,206)
```
#c9e6d8
```
#c9e6d8 rgb(201,230,216)
```
#d7ede2
```
#d7ede2 rgb(215,237,226)
```
#e4f3ec
```
#e4f3ec rgb(228,243,236)
```
#f2f9f5
```
#f2f9f5 rgb(242,249,245)
```

Tint Color Variation

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

#b6bfbb
```
#b6bfbb rgb(182,191,187)
```
#b1c4bb
```
#b1c4bb rgb(177,196,187)
```
#acc9bb
```
#acc9bb rgb(172,201,187)
```
#a6cfbb
```
#a6cfbb rgb(166,207,187)
```
#a1d4bb
```
#a1d4bb rgb(161,212,187)
```
#9cd9bb
```
#9cd9bb rgb(156,217,187)
```
#96dfbb
```
#96dfbb rgb(150,223,187)
```
#91e4bb
```
#91e4bb rgb(145,228,187)
```
#8ce9bb
```
#8ce9bb rgb(140,233,187)
```
#87eebc
```
#87eebc rgb(135,238,188)
```
#81f4bc
```
#81f4bc rgb(129,244,188)
```
#7cf9bc
```
#7cf9bc rgb(124,249,188)
```
#77febc
```
#77febc rgb(119,254,188)
```

Tone Color Variation

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

Dichromacy

#d3cab8 Protanopia 1% of men
#e1c5c4 Deuteranopia 1% of men
#add1e0 Tritanopia 0.001% of the population

Trichromacy

#c1ceb9 Protanomaly 1% of men, 0.01% of women
#c9cac0 Deuteranomaly 6% of men, 0.4% of women
#a9d2d2 Tritanomaly 0.01% of the population

#a1d4bb hex color

#a1d4bb Color Information

#a1d4bb Color Conversion

Color Schemes with #a1d4bb

Alternatives to #a1d4bb

#a1d4bb Preview

Shades and Tints of #a1d4bb

Tones of #a1d4bb

Color Blindness Simulator