#a1c5bc hex color

In a RGB color space, hex #a1c5bc is composed of 63.1% red, 77.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 4.6% yellow and 22.7% black. It has a hue angle of 165 degrees, a saturation of 23.7% and a lightness of 70.2%. #a1c5bc color hex could be obtained by blending #ffffff with #438b79. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 77
- B 74
RGB color chart
- C 18
- M 0
- Y 5
- K 23
CMYK color chart

● #a1c5bc color description : Grayish cyan.

The hexadecimal color #a1c5bc has RGB values of R:161, G:197, B:188 and CMYK values of C:0.18, M:0, Y:0.05, K:0.23. Its decimal value is 10601916.

Hex triplet	a1c5bc	`#a1c5bc`
RGB Decimal	161, 197, 188	`rgb(161,197,188)`
RGB Percent	63.1, 77.3, 73.7	`rgb(63.1%,77.3%,73.7%)`
CMYK	18, 0, 5, 23
HSL	165°, 23.7, 70.2	`hsl(165,23.7%,70.2%)`
HSV (or HSB)	165°, 18.3, 77.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.763, -13.818, 0.52
XYZ	43.739, 51.139, 55.141
xyY	0.292, 0.341, 51.139
CIE-LCH	76.763, 13.828, 177.844
CIE-LUV	76.763, -18.588, 3.108
Hunter-Lab	71.512, -15.969, 4.342
Binary	10100001, 11000101, 10111100

#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#c5a1aa
```
#c5a1aa rgb(197,161,170)
```

Complementary Color

#a1c5aa
```
#a1c5aa rgb(161,197,170)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#a1bcc5
```
#a1bcc5 rgb(161,188,197)
```

Analogous Color

#c5aaa1
```
#c5aaa1 rgb(197,170,161)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#c5a1bc
```
#c5a1bc rgb(197,161,188)
```

Split Complementary Color

#c5bca1
```
#c5bca1 rgb(197,188,161)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#bca1c5
```
#bca1c5 rgb(188,161,197)
```

Triadic Color

#aac5a1
```
#aac5a1 rgb(170,197,161)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#bca1c5
```
#bca1c5 rgb(188,161,197)
```
#c5a1aa
```
#c5a1aa rgb(197,161,170)
```

Tetradic Color

#72a89a
```
#72a89a rgb(114,168,154)
```
#81b2a6
```
#81b2a6 rgb(129,178,166)
```
#91bbb1
```
#91bbb1 rgb(145,187,177)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#b1cfc7
```
#b1cfc7 rgb(177,207,199)
```
#c1d8d2
```
#c1d8d2 rgb(193,216,210)
```
#d0e2de
```
#d0e2de rgb(208,226,222)
```

Monochromatic Color

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

#a1c5b3
```
#a1c5b3 rgb(161,197,179)
```
#a1c5b6
```
#a1c5b6 rgb(161,197,182)
```
#a1c5b9
```
#a1c5b9 rgb(161,197,185)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#a1c5bf
```
#a1c5bf rgb(161,197,191)
```
#a1c5c2
```
#a1c5c2 rgb(161,197,194)
```
#a1c5c5
```
#a1c5c5 rgb(161,197,197)
```

Similar Colors

Text with hexadecimal color #a1c5bc

This text has a font color of #a1c5bc.

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

#a1c5bc background color

This paragraph has a background color of #a1c5bc.

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

#a1c5bc border color

This element has a border color of #a1c5bc.

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

CSS codes

.text {color:#a1c5bc;}

.background {background-color:#a1c5bc;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0e
```
#090f0e rgb(9,15,14)
```
#111b19
```
#111b19 rgb(17,27,25)
```
#182724
```
#182724 rgb(24,39,36)
```
#20342f
```
#20342f rgb(32,52,47)
```
#27403a
```
#27403a rgb(39,64,58)
```
#2f4c45
```
#2f4c45 rgb(47,76,69)
```
#365850
```
#365850 rgb(54,88,80)
```
#3e645b
```
#3e645b rgb(62,100,91)
```
#457065
```
#457065 rgb(69,112,101)
```
#4d7c70
```
#4d7c70 rgb(77,124,112)
```
#54887b
```
#54887b rgb(84,136,123)
```
#5c9586
```
#5c9586 rgb(92,149,134)
```

Shade Color Variation

#64a091
```
#64a091 rgb(100,160,145)
```
#70a799
```
#70a799 rgb(112,167,153)
```
#7dafa2
```
#7dafa2 rgb(125,175,162)
```
#89b6ab
```
#89b6ab rgb(137,182,171)
```
#95beb3
```
#95beb3 rgb(149,190,179)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#adccc5
```
#adccc5 rgb(173,204,197)
```
#b9d4cd
```
#b9d4cd rgb(185,212,205)
```
#c5dbd6
```
#c5dbd6 rgb(197,219,214)
```
#d2e3df
```
#d2e3df rgb(210,227,223)
```
#deeae7
```
#deeae7 rgb(222,234,231)
```
#eaf2f0
```
#eaf2f0 rgb(234,242,240)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#b3b3b3
```
#b3b3b3 rgb(179,179,179)
```
#adb9b6
```
#adb9b6 rgb(173,185,182)
```
#a7bfb9
```
#a7bfb9 rgb(167,191,185)
```
#a1c5bc
```
#a1c5bc rgb(161,197,188)
```
#9bcbbf
```
#9bcbbf rgb(155,203,191)
```
#95d1c2
```
#95d1c2 rgb(149,209,194)
```
#8fd7c5
```
#8fd7c5 rgb(143,215,197)
```
#8adcc8
```
#8adcc8 rgb(138,220,200)
```
#84e2cb
```
#84e2cb rgb(132,226,203)
```
#7ee8ce
```
#7ee8ce rgb(126,232,206)
```
#78eed0
```
#78eed0 rgb(120,238,208)
```
#72f4d3
```
#72f4d3 rgb(114,244,211)
```
#6cfad6
```
#6cfad6 rgb(108,250,214)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b4bbba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c0bb Protanopia 1% of men
#d1bbc3 Deuteranopia 1% of men
#aac4d3 Tritanopia 0.001% of the population

Trichromacy

#b8c1bb Protanomaly 1% of men, 0.01% of women
#bfbec0 Deuteranomaly 6% of men, 0.4% of women
#a6c4ca Tritanomaly 0.01% of the population

#a1c5bc hex color

#a1c5bc Color Information

#a1c5bc Color Conversion

Color Schemes with #a1c5bc

Alternatives to #a1c5bc

#a1c5bc Preview

Shades and Tints of #a1c5bc

Tones of #a1c5bc

Color Blindness Simulator