#ababb2 hex color

In a RGB color space, hex #ababb2 is composed of 67.1% red, 67.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 3.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 240 degrees, a saturation of 4.3% and a lightness of 68.4%. #ababb2 color hex could be obtained by blending #ffffff with #575765. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 67
- G 67
- B 70
RGB color chart
- C 4
- M 4
- Y 0
- K 30
CMYK color chart

● #ababb2 color description : Dark grayish blue.

The hexadecimal color #ababb2 has RGB values of R:171, G:171, B:178 and CMYK values of C:0.04, M:0.04, Y:0, K:0.3. Its decimal value is 11250610.

Hex triplet	ababb2	`#ababb2`
RGB Decimal	171, 171, 178	`rgb(171,171,178)`
RGB Percent	67.1, 67.1, 69.8	`rgb(67.1%,67.1%,69.8%)`
CMYK	4, 4, 0, 30
HSL	240°, 4.3, 68.4	`hsl(240,4.3%,68.4%)`
HSV (or HSB)	240°, 3.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.175, 1.344, -3.591
XYZ	39.392, 40.998, 47.955
xyY	0.307, 0.319, 40.998
CIE-LCH	70.175, 3.834, 290.52
CIE-LUV	70.175, -0.404, -5.551
Hunter-Lab	64.03, -2.236, 0.415
Binary	10101011, 10101011, 10110010

#ababb2
```
#ababb2 rgb(171,171,178)
```
#b2b2ab
```
#b2b2ab rgb(178,178,171)
```

Complementary Color

#abafb2
```
#abafb2 rgb(171,175,178)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```

Analogous Color

#afb2ab
```
#afb2ab rgb(175,178,171)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#b2afab
```
#b2afab rgb(178,175,171)
```

Split Complementary Color

#abb2ab
```
#abb2ab rgb(171,178,171)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#b2abab
```
#b2abab rgb(178,171,171)
```

Triadic Color

#abb2b2
```
#abb2b2 rgb(171,178,178)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#b2abab
```
#b2abab rgb(178,171,171)
```
#b2b2ab
```
#b2b2ab rgb(178,178,171)
```

Tetradic Color

#83838d
```
#83838d rgb(131,131,141)
```
#90909a
```
#90909a rgb(144,144,154)
```
#9e9ea6
```
#9e9ea6 rgb(158,158,166)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#b8b8be
```
#b8b8be rgb(184,184,190)
```
#c6c6ca
```
#c6c6ca rgb(198,198,202)
```
#d3d3d7
```
#d3d3d7 rgb(211,211,215)
```

Monochromatic Color

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

#abadb2
```
#abadb2 rgb(171,173,178)
```
#abacb2
```
#abacb2 rgb(171,172,178)
```
#abacb2
```
#abacb2 rgb(171,172,178)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#acabb2
```
#acabb2 rgb(172,171,178)
```
#acabb2
```
#acabb2 rgb(172,171,178)
```
#adabb2
```
#adabb2 rgb(173,171,178)
```

Similar Colors

Text with hexadecimal color #ababb2

This text has a font color of #ababb2.

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

#ababb2 background color

This paragraph has a background color of #ababb2.

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

#ababb2 border color

This element has a border color of #ababb2.

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

CSS codes

.text {color:#ababb2;}

.background {background-color:#ababb2;}

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

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

#070708
```
#070708 rgb(7,7,8)
```
#111112
```
#111112 rgb(17,17,18)
```
#1a1a1d
```
#1a1a1d rgb(26,26,29)
```
#242427
```
#242427 rgb(36,36,39)
```
#2d2d31
```
#2d2d31 rgb(45,45,49)
```
#36363b
```
#36363b rgb(54,54,59)
```
#404046
```
#404046 rgb(64,64,70)
```
#494950
```
#494950 rgb(73,73,80)
```
#52525a
```
#52525a rgb(82,82,90)
```
#5c5c64
```
#5c5c64 rgb(92,92,100)
```
#65656e
```
#65656e rgb(101,101,110)
```
#6f6f79
```
#6f6f79 rgb(111,111,121)
```
#787883
```
#787883 rgb(120,120,131)
```

Shade Color Variation

#82828c
```
#82828c rgb(130,130,140)
```
#8c8c96
```
#8c8c96 rgb(140,140,150)
```
#97979f
```
#97979f rgb(151,151,159)
```
#a1a1a9
```
#a1a1a9 rgb(161,161,169)
```
#ababb2
```
#ababb2 rgb(171,171,178)
```
#b5b5bb
```
#b5b5bb rgb(181,181,187)
```
#bfbfc5
```
#bfbfc5 rgb(191,191,197)
```
#cacace
```
#cacace rgb(202,202,206)
```
#d4d4d8
```
#d4d4d8 rgb(212,212,216)
```
#dedee1
```
#dedee1 rgb(222,222,225)
```
#e8e8ea
```
#e8e8ea rgb(232,232,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#ababb2
```
#ababb2 rgb(171,171,178)
```
#a5a5b8
```
#a5a5b8 rgb(165,165,184)
```
#9f9fbe
```
#9f9fbe rgb(159,159,190)
```
#9898c5
```
#9898c5 rgb(152,152,197)
```
#9292cb
```
#9292cb rgb(146,146,203)
```
#8c8cd1
```
#8c8cd1 rgb(140,140,209)
```
#8686d7
```
#8686d7 rgb(134,134,215)
```
#8080dd
```
#8080dd rgb(128,128,221)
```
#7979e4
```
#7979e4 rgb(121,121,228)
```
#7373ea
```
#7373ea rgb(115,115,234)
```
#6d6df0
```
#6d6df0 rgb(109,109,240)
```
#6767f6
```
#6767f6 rgb(103,103,246)
```
#6161fc
```
#6161fc rgb(97,97,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#acacad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb5 Protanopia 1% of men
#bcabb7 Deuteranopia 1% of men
#b0aebb Tritanopia 0.001% of the population

Trichromacy

#aeadb4 Protanomaly 1% of men, 0.01% of women
#b6abb5 Deuteranomaly 6% of men, 0.4% of women
#aeadb7 Tritanomaly 0.01% of the population

#ababb2 hex color

#ababb2 Color Information

#ababb2 Color Conversion

Color Schemes with #ababb2

Alternatives to #ababb2

#ababb2 Preview

Shades and Tints of #ababb2

Tones of #ababb2

Color Blindness Simulator