#a5bec2 hex color

In a RGB color space, hex #a5bec2 is composed of 64.7% red, 74.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 2.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 188.3 degrees, a saturation of 19.2% and a lightness of 70.4%. #a5bec2 color hex could be obtained by blending #ffffff with #4b7d85. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 75
- B 76
RGB color chart
- C 15
- M 2
- Y 0
- K 24
CMYK color chart

● #a5bec2 color description : Grayish cyan.

The hexadecimal color #a5bec2 has RGB values of R:165, G:190, B:194 and CMYK values of C:0.15, M:0.02, Y:0, K:0.24. Its decimal value is 10862274.

Hex triplet	a5bec2	`#a5bec2`
RGB Decimal	165, 190, 194	`rgb(165,190,194)`
RGB Percent	64.7, 74.5, 76.1	`rgb(64.7%,74.5%,76.1%)`
CMYK	15, 2, 0, 24
HSL	188.3°, 19.2, 70.4	`hsl(188.3,19.2%,70.4%)`
HSV (or HSB)	188.3°, 14.9, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.277, -7.627, -4.881
XYZ	43.666, 48.72, 58.139
xyY	0.29, 0.324, 48.72
CIE-LCH	75.277, 9.056, 212.619
CIE-LUV	75.277, -13.474, -6.101
Hunter-Lab	69.8, -10.483, -0.525
Binary	10100101, 10111110, 11000010

#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#c2a9a5
```
#c2a9a5 rgb(194,169,165)
```

Complementary Color

#a5c2b8
```
#a5c2b8 rgb(165,194,184)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#a5b0c2
```
#a5b0c2 rgb(165,176,194)
```

Analogous Color

#c2b8a5
```
#c2b8a5 rgb(194,184,165)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#c2a5b0
```
#c2a5b0 rgb(194,165,176)
```

Split Complementary Color

#bec2a5
```
#bec2a5 rgb(190,194,165)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#c2a5be
```
#c2a5be rgb(194,165,190)
```

Triadic Color

#a5c2a9
```
#a5c2a9 rgb(165,194,169)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#c2a5be
```
#c2a5be rgb(194,165,190)
```
#c2a9a5
```
#c2a9a5 rgb(194,169,165)
```

Tetradic Color

#779da3
```
#779da3 rgb(119,157,163)
```
#87a8ad
```
#87a8ad rgb(135,168,173)
```
#96b3b8
```
#96b3b8 rgb(150,179,184)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#b4c9cc
```
#b4c9cc rgb(180,201,204)
```
#c3d4d7
```
#c3d4d7 rgb(195,212,215)
```
#d3dfe1
```
#d3dfe1 rgb(211,223,225)
```

Monochromatic Color

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

#a5c2bf
```
#a5c2bf rgb(165,194,191)
```
#a5c2c1
```
#a5c2c1 rgb(165,194,193)
```
#a5c0c2
```
#a5c0c2 rgb(165,192,194)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#a5bcc2
```
#a5bcc2 rgb(165,188,194)
```
#a5b9c2
```
#a5b9c2 rgb(165,185,194)
```
#a5b7c2
```
#a5b7c2 rgb(165,183,194)
```

Similar Colors

Text with hexadecimal color #a5bec2

This text has a font color of #a5bec2.

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

#a5bec2 background color

This paragraph has a background color of #a5bec2.

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

#a5bec2 border color

This element has a border color of #a5bec2.

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

CSS codes

.text {color:#a5bec2;}

.background {background-color:#a5bec2;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0f0f
```
#0a0f0f rgb(10,15,15)
```
#121a1b
```
#121a1b rgb(18,26,27)
```
#1a2527
```
#1a2527 rgb(26,37,39)
```
#223032
```
#223032 rgb(34,48,50)
```
#2a3b3e
```
#2a3b3e rgb(42,59,62)
```
#32464a
```
#32464a rgb(50,70,74)
```
#3a5255
```
#3a5255 rgb(58,82,85)
```
#425d61
```
#425d61 rgb(66,93,97)
```
#4a686d
```
#4a686d rgb(74,104,109)
```
#527378
```
#527378 rgb(82,115,120)
```
#5a7e84
```
#5a7e84 rgb(90,126,132)
```
#618990
```
#618990 rgb(97,137,144)
```

Shade Color Variation

#6b949a
```
#6b949a rgb(107,148,154)
```
#769ca2
```
#769ca2 rgb(118,156,162)
```
#82a5aa
```
#82a5aa rgb(130,165,170)
```
#8eadb2
```
#8eadb2 rgb(142,173,178)
```
#99b6ba
```
#99b6ba rgb(153,182,186)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#b1c6ca
```
#b1c6ca rgb(177,198,202)
```
#bccfd2
```
#bccfd2 rgb(188,207,210)
```
#c8d7da
```
#c8d7da rgb(200,215,218)
```
#d4e0e2
```
#d4e0e2 rgb(212,224,226)
```
#dfe8ea
```
#dfe8ea rgb(223,232,234)
```
#ebf1f2
```
#ebf1f2 rgb(235,241,242)
```
#f7f9f9
```
#f7f9f9 rgb(247,249,249)
```

Tint Color Variation

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

#b1b6b6
```
#b1b6b6 rgb(177,182,182)
```
#abbabc
```
#abbabc rgb(171,186,188)
```
#a5bec2
```
#a5bec2 rgb(165,190,194)
```
#9fc2c8
```
#9fc2c8 rgb(159,194,200)
```
#99c6ce
```
#99c6ce rgb(153,198,206)
```
#94cbd3
```
#94cbd3 rgb(148,203,211)
```
#8ecfd9
```
#8ecfd9 rgb(142,207,217)
```
#88d3df
```
#88d3df rgb(136,211,223)
```
#82d7e5
```
#82d7e5 rgb(130,215,229)
```
#7cdbeb
```
#7cdbeb rgb(124,219,235)
```
#77e0f0
```
#77e0f0 rgb(119,224,240)
```
#71e4f6
```
#71e4f6 rgb(113,228,246)
```
#6be8fc
```
#6be8fc rgb(107,232,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b3b8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebbc2 Protanopia 1% of men
#c9b7c8 Deuteranopia 1% of men
#abbfcd Tritanopia 0.001% of the population

Trichromacy

#b5bcc2 Protanomaly 1% of men, 0.01% of women
#bbbac6 Deuteranomaly 6% of men, 0.4% of women
#a9bfc9 Tritanomaly 0.01% of the population

#a5bec2 hex color

#a5bec2 Color Information

#a5bec2 Color Conversion

Color Schemes with #a5bec2

Alternatives to #a5bec2

#a5bec2 Preview

Shades and Tints of #a5bec2

Tones of #a5bec2

Color Blindness Simulator