#a1bec4 hex color

In a RGB color space, hex #a1bec4 is composed of 63.1% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 190.3 degrees, a saturation of 22.9% and a lightness of 70%. #a1bec4 color hex could be obtained by blending #ffffff with #437d89. Closest websafe color is: #99cccc.

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

● #a1bec4 color description : Grayish cyan.

The hexadecimal color #a1bec4 has RGB values of R:161, G:190, B:196 and CMYK values of C:0.18, M:0.03, Y:0, K:0.23. Its decimal value is 10600132.

Hex triplet	a1bec4	`#a1bec4`
RGB Decimal	161, 190, 196	`rgb(161,190,196)`
RGB Percent	63.1, 74.5, 76.9	`rgb(63.1%,74.5%,76.9%)`
CMYK	18, 3, 0, 23
HSL	190.3°, 22.9, 70	`hsl(190.3,22.9%,70%)`
HSV (or HSB)	190.3°, 17.9, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.069, -8.486, -6.305
XYZ	43.073, 48.389, 59.292
xyY	0.286, 0.321, 48.389
CIE-LCH	75.069, 10.572, 216.611
CIE-LUV	75.069, -15.48, -8.157
Hunter-Lab	69.562, -11.205, -1.843
Binary	10100001, 10111110, 11000100

#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#c4a7a1
```
#c4a7a1 rgb(196,167,161)
```

Complementary Color

#a1c4b9
```
#a1c4b9 rgb(161,196,185)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#a1adc4
```
#a1adc4 rgb(161,173,196)
```

Analogous Color

#c4b9a1
```
#c4b9a1 rgb(196,185,161)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#c4a1ad
```
#c4a1ad rgb(196,161,173)
```

Split Complementary Color

#bec4a1
```
#bec4a1 rgb(190,196,161)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#c4a1be
```
#c4a1be rgb(196,161,190)
```

Triadic Color

#a1c4a7
```
#a1c4a7 rgb(161,196,167)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#c4a1be
```
#c4a1be rgb(196,161,190)
```
#c4a7a1
```
#c4a7a1 rgb(196,167,161)
```

Tetradic Color

#729ea7
```
#729ea7 rgb(114,158,167)
```
#82a8b0
```
#82a8b0 rgb(130,168,176)
```
#91b3ba
```
#91b3ba rgb(145,179,186)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#b1c9ce
```
#b1c9ce rgb(177,201,206)
```
#c0d4d8
```
#c0d4d8 rgb(192,212,216)
```
#d0dfe2
```
#d0dfe2 rgb(208,223,226)
```

Monochromatic Color

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

#a1c4c1
```
#a1c4c1 rgb(161,196,193)
```
#a1c4c4
```
#a1c4c4 rgb(161,196,196)
```
#a1c1c4
```
#a1c1c4 rgb(161,193,196)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#a1bbc4
```
#a1bbc4 rgb(161,187,196)
```
#a1b8c4
```
#a1b8c4 rgb(161,184,196)
```
#a1b5c4
```
#a1b5c4 rgb(161,181,196)
```

Similar Colors

Text with hexadecimal color #a1bec4

This text has a font color of #a1bec4.

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

#a1bec4 background color

This paragraph has a background color of #a1bec4.

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

#a1bec4 border color

This element has a border color of #a1bec4.

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

CSS codes

.text {color:#a1bec4;}

.background {background-color:#a1bec4;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#090e0e
```
#090e0e rgb(9,14,14)
```
#11191b
```
#11191b rgb(17,25,27)
```
#182427
```
#182427 rgb(24,36,39)
```
#202f33
```
#202f33 rgb(32,47,51)
```
#273b3f
```
#273b3f rgb(39,59,63)
```
#2f464b
```
#2f464b rgb(47,70,75)
```
#365157
```
#365157 rgb(54,81,87)
```
#3e5d63
```
#3e5d63 rgb(62,93,99)
```
#46686f
```
#46686f rgb(70,104,111)
```
#4d737b
```
#4d737b rgb(77,115,123)
```
#557e87
```
#557e87 rgb(85,126,135)
```
#5c8a93
```
#5c8a93 rgb(92,138,147)
```

Shade Color Variation

#65949e
```
#65949e rgb(101,148,158)
```
#719da6
```
#719da6 rgb(113,157,166)
```
#7da5ad
```
#7da5ad rgb(125,165,173)
```
#89adb5
```
#89adb5 rgb(137,173,181)
```
#95b6bc
```
#95b6bc rgb(149,182,188)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#adc6cc
```
#adc6cc rgb(173,198,204)
```
#b9cfd3
```
#b9cfd3 rgb(185,207,211)
```
#c5d7db
```
#c5d7db rgb(197,215,219)
```
#d1dfe2
```
#d1dfe2 rgb(209,223,226)
```
#dde8ea
```
#dde8ea rgb(221,232,234)
```
#e9f0f1
```
#e9f0f1 rgb(233,240,241)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

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

#adb6b8
```
#adb6b8 rgb(173,182,184)
```
#a7babe
```
#a7babe rgb(167,186,190)
```
#a1bec4
```
#a1bec4 rgb(161,190,196)
```
#9bc2ca
```
#9bc2ca rgb(155,194,202)
```
#95c6d0
```
#95c6d0 rgb(149,198,208)
```
#8fcad6
```
#8fcad6 rgb(143,202,214)
```
#89cddc
```
#89cddc rgb(137,205,220)
```
#84d1e1
```
#84d1e1 rgb(132,209,225)
```
#7ed5e7
```
#7ed5e7 rgb(126,213,231)
```
#78d9ed
```
#78d9ed rgb(120,217,237)
```
#72ddf3
```
#72ddf3 rgb(114,221,243)
```
#6ce1f9
```
#6ce1f9 rgb(108,225,249)
```
#66e5ff
```
#66e5ff rgb(102,229,255)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b2b8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbbc3 Protanopia 1% of men
#c7b7ca Deuteranopia 1% of men
#a7c0ce Tritanopia 0.001% of the population

Trichromacy

#b3bcc3 Protanomaly 1% of men, 0.01% of women
#b9b9c8 Deuteranomaly 6% of men, 0.4% of women
#a5bfca Tritanomaly 0.01% of the population

#a1bec4 hex color

#a1bec4 Color Information

#a1bec4 Color Conversion

Color Schemes with #a1bec4

Alternatives to #a1bec4

#a1bec4 Preview

Shades and Tints of #a1bec4

Tones of #a1bec4

Color Blindness Simulator