#a2b3af hex color

In a RGB color space, hex #a2b3af is composed of 63.5% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 165.9 degrees, a saturation of 10.1% and a lightness of 66.9%. #a2b3af color hex could be obtained by blending #ffffff with #45675f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 70
- B 69
RGB color chart
- C 9
- M 0
- Y 2
- K 30
CMYK color chart

● #a2b3af color description : Grayish cyan.

The hexadecimal color #a2b3af has RGB values of R:162, G:179, B:175 and CMYK values of C:0.09, M:0, Y:0.02, K:0.3. Its decimal value is 10662831.

Hex triplet	a2b3af	`#a2b3af`
RGB Decimal	162, 179, 175	`rgb(162,179,175)`
RGB Percent	63.5, 70.2, 68.6	`rgb(63.5%,70.2%,68.6%)`
CMYK	9, 0, 2, 30
HSL	165.9°, 10.1, 66.9	`hsl(165.9,10.1%,66.9%)`
HSV (or HSB)	165.9°, 9.5, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.566, -6.669, 0.023
XYZ	38.757, 43.016, 46.816
xyY	0.301, 0.335, 43.016
CIE-LCH	71.566, 6.669, 179.804
CIE-LUV	71.566, -9.121, 1.159
Hunter-Lab	65.587, -9.297, 3.589
Binary	10100010, 10110011, 10101111

#a2b3af
```
#a2b3af rgb(162,179,175)
```
#b3a2a6
```
#b3a2a6 rgb(179,162,166)
```

Complementary Color

#a2b3a7
```
#a2b3a7 rgb(162,179,167)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#a2afb3
```
#a2afb3 rgb(162,175,179)
```

Analogous Color

#b3a7a2
```
#b3a7a2 rgb(179,167,162)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#b3a2af
```
#b3a2af rgb(179,162,175)
```

Split Complementary Color

#b3afa2
```
#b3afa2 rgb(179,175,162)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#afa2b3
```
#afa2b3 rgb(175,162,179)
```

Triadic Color

#a6b3a2
```
#a6b3a2 rgb(166,179,162)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#afa2b3
```
#afa2b3 rgb(175,162,179)
```
#b3a2a6
```
#b3a2a6 rgb(179,162,166)
```

Tetradic Color

#78918b
```
#78918b rgb(120,145,139)
```
#869c97
```
#869c97 rgb(134,156,151)
```
#94a8a3
```
#94a8a3 rgb(148,168,163)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#b0bebb
```
#b0bebb rgb(176,190,187)
```
#becac7
```
#becac7 rgb(190,202,199)
```
#ccd5d3
```
#ccd5d3 rgb(204,213,211)
```

Monochromatic Color

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

#a2b3ab
```
#a2b3ab rgb(162,179,171)
```
#a2b3ac
```
#a2b3ac rgb(162,179,172)
```
#a2b3ae
```
#a2b3ae rgb(162,179,174)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#a2b3b0
```
#a2b3b0 rgb(162,179,176)
```
#a2b3b2
```
#a2b3b2 rgb(162,179,178)
```
#a2b3b3
```
#a2b3b3 rgb(162,179,179)
```

Similar Colors

Text with hexadecimal color #a2b3af

This text has a font color of #a2b3af.

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

#a2b3af background color

This paragraph has a background color of #a2b3af.

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

#a2b3af border color

This element has a border color of #a2b3af.

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

CSS codes

.text {color:#a2b3af;}

.background {background-color:#a2b3af;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0c0f0e
```
#0c0f0e rgb(12,15,14)
```
#151a19
```
#151a19 rgb(21,26,25)
```
#1e2523
```
#1e2523 rgb(30,37,35)
```
#272f2d
```
#272f2d rgb(39,47,45)
```
#2f3a38
```
#2f3a38 rgb(47,58,56)
```
#384542
```
#384542 rgb(56,69,66)
```
#41504c
```
#41504c rgb(65,80,76)
```
#4a5b57
```
#4a5b57 rgb(74,91,87)
```
#536561
```
#536561 rgb(83,101,97)
```
#5c706b
```
#5c706b rgb(92,112,107)
```
#647b76
```
#647b76 rgb(100,123,118)
```
#6d8680
```
#6d8680 rgb(109,134,128)
```

Shade Color Variation

#77908a
```
#77908a rgb(119,144,138)
```
#829993
```
#829993 rgb(130,153,147)
```
#8ca19c
```
#8ca19c rgb(140,161,156)
```
#97aaa6
```
#97aaa6 rgb(151,170,166)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#adbcb8
```
#adbcb8 rgb(173,188,184)
```
#b8c5c2
```
#b8c5c2 rgb(184,197,194)
```
#c2cdcb
```
#c2cdcb rgb(194,205,203)
```
#cdd6d4
```
#cdd6d4 rgb(205,214,212)
```
#d8dfdd
```
#d8dfdd rgb(216,223,221)
```
#e3e8e7
```
#e3e8e7 rgb(227,232,231)
```
#eef1f0
```
#eef1f0 rgb(238,241,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#a9adac
```
#a9adac rgb(169,173,172)
```
#a2b3af
```
#a2b3af rgb(162,179,175)
```
#9cbab2
```
#9cbab2 rgb(156,186,178)
```
#95c0b6
```
#95c0b6 rgb(149,192,182)
```
#8fc7b9
```
#8fc7b9 rgb(143,199,185)
```
#88cdbd
```
#88cdbd rgb(136,205,189)
```
#82d4c0
```
#82d4c0 rgb(130,212,192)
```
#7bdac4
```
#7bdac4 rgb(123,218,196)
```
#75e1c7
```
#75e1c7 rgb(117,225,199)
```
#6ee7cb
```
#6ee7cb rgb(110,231,203)
```
#68eece
```
#68eece rgb(104,238,206)
```
#61f4d1
```
#61f4d1 rgb(97,244,209)
```
#5bfbd5
```
#5bfbd5 rgb(91,251,213)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#abaead Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b0 Protanopia 1% of men
#c2aeb6 Deuteranopia 1% of men
#a9b4c1 Tritanopia 0.001% of the population

Trichromacy

#afb2b0 Protanomaly 1% of men, 0.01% of women
#b6afb3 Deuteranomaly 6% of men, 0.4% of women
#a6b4ba Tritanomaly 0.01% of the population

#a2b3af hex color

#a2b3af Color Information

#a2b3af Color Conversion

Color Schemes with #a2b3af

Alternatives to #a2b3af

#a2b3af Preview

Shades and Tints of #a2b3af

Tones of #a2b3af

Color Blindness Simulator