#ababd0 hex color

In a RGB color space, hex #ababd0 is composed of 67.1% red, 67.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 17.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 240 degrees, a saturation of 28.2% and a lightness of 74.3%. #ababd0 color hex could be obtained by blending #ffffff with #5757a1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 67
- B 82
RGB color chart
- C 18
- M 18
- Y 0
- K 18
CMYK color chart

● #ababd0 color description : Grayish blue.

The hexadecimal color #ababd0 has RGB values of R:171, G:171, B:208 and CMYK values of C:0.18, M:0.18, Y:0, K:0.18. Its decimal value is 11250640.

Hex triplet	ababd0	`#ababd0`
RGB Decimal	171, 171, 208	`rgb(171,171,208)`
RGB Percent	67.1, 67.1, 81.6	`rgb(67.1%,67.1%,81.6%)`
CMYK	18, 18, 0, 18
HSL	240°, 28.2, 74.3	`hsl(240,28.2%,74.3%)`
HSV (or HSB)	240°, 17.8, 81.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.103, 7.619, -18.734
XYZ	42.741, 42.337, 65.591
xyY	0.284, 0.281, 42.337
CIE-LCH	71.103, 20.224, 292.133
CIE-LUV	71.103, -2.181, -30.184
Hunter-Lab	65.067, 3.383, -14.22
Binary	10101011, 10101011, 11010000

#ababd0
```
#ababd0 rgb(171,171,208)
```
#d0d0ab
```
#d0d0ab rgb(208,208,171)
```

Complementary Color

#abbed0
```
#abbed0 rgb(171,190,208)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#beabd0
```
#beabd0 rgb(190,171,208)
```

Analogous Color

#bed0ab
```
#bed0ab rgb(190,208,171)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#d0beab
```
#d0beab rgb(208,190,171)
```

Split Complementary Color

#abd0ab
```
#abd0ab rgb(171,208,171)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#d0abab
```
#d0abab rgb(208,171,171)
```

Triadic Color

#abd0d0
```
#abd0d0 rgb(171,208,208)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#d0abab
```
#d0abab rgb(208,171,171)
```
#d0d0ab
```
#d0d0ab rgb(208,208,171)
```

Tetradic Color

#7a7ab5
```
#7a7ab5 rgb(122,122,181)
```
#8a8abe
```
#8a8abe rgb(138,138,190)
```
#9b9bc7
```
#9b9bc7 rgb(155,155,199)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#bbbbd9
```
#bbbbd9 rgb(187,187,217)
```
#cccce2
```
#cccce2 rgb(204,204,226)
```
#dcdceb
```
#dcdceb rgb(220,220,235)
```

Monochromatic Color

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

#abb4d0
```
#abb4d0 rgb(171,180,208)
```
#abb1d0
```
#abb1d0 rgb(171,177,208)
```
#abaed0
```
#abaed0 rgb(171,174,208)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#aeabd0
```
#aeabd0 rgb(174,171,208)
```
#b1abd0
```
#b1abd0 rgb(177,171,208)
```
#b4abd0
```
#b4abd0 rgb(180,171,208)
```

Similar Colors

Text with hexadecimal color #ababd0

This text has a font color of #ababd0.

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

#ababd0 background color

This paragraph has a background color of #ababd0.

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

#ababd0 border color

This element has a border color of #ababd0.

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

CSS codes

.text {color:#ababd0;}

.background {background-color:#ababd0;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090911
```
#090911 rgb(9,9,17)
```
#10101d
```
#10101d rgb(16,16,29)
```
#17172a
```
#17172a rgb(23,23,42)
```
#1e1e36
```
#1e1e36 rgb(30,30,54)
```
#252543
```
#252543 rgb(37,37,67)
```
#2c2c50
```
#2c2c50 rgb(44,44,80)
```
#34345c
```
#34345c rgb(52,52,92)
```
#3b3b69
```
#3b3b69 rgb(59,59,105)
```
#424275
```
#424275 rgb(66,66,117)
```
#494982
```
#494982 rgb(73,73,130)
```
#50508e
```
#50508e rgb(80,80,142)
```
#57579b
```
#57579b rgb(87,87,155)
```

Shade Color Variation

#6060a6
```
#6060a6 rgb(96,96,166)
```
#6c6cad
```
#6c6cad rgb(108,108,173)
```
#7979b4
```
#7979b4 rgb(121,121,180)
```
#8585bb
```
#8585bb rgb(133,133,187)
```
#9292c2
```
#9292c2 rgb(146,146,194)
```
#9e9ec9
```
#9e9ec9 rgb(158,158,201)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#b8b8d7
```
#b8b8d7 rgb(184,184,215)
```
#c4c4de
```
#c4c4de rgb(196,196,222)
```
#d1d1e5
```
#d1d1e5 rgb(209,209,229)
```
#ddddec
```
#ddddec rgb(221,221,236)
```
#eaeaf3
```
#eaeaf3 rgb(234,234,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#babac1
```
#babac1 rgb(186,186,193)
```
#b5b5c6
```
#b5b5c6 rgb(181,181,198)
```
#b0b0cb
```
#b0b0cb rgb(176,176,203)
```
#ababd0
```
#ababd0 rgb(171,171,208)
```
#a6a6d5
```
#a6a6d5 rgb(166,166,213)
```
#a1a1da
```
#a1a1da rgb(161,161,218)
```
#9c9cdf
```
#9c9cdf rgb(156,156,223)
```
#9797e4
```
#9797e4 rgb(151,151,228)
```
#9292e9
```
#9292e9 rgb(146,146,233)
```
#8d8dee
```
#8d8dee rgb(141,141,238)
```
#8888f3
```
#8888f3 rgb(136,136,243)
```
#8383f8
```
#8383f8 rgb(131,131,248)
```
#7e7efd
```
#7e7efd rgb(126,126,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#aeaeb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab0d3 Protanopia 1% of men
#b1aed2 Deuteranopia 1% of men
#abb2bf Tritanopia 0.001% of the population

Trichromacy

#aaaed2 Protanomaly 1% of men, 0.01% of women
#afadd1 Deuteranomaly 6% of men, 0.4% of women
#abafc5 Tritanomaly 0.01% of the population

#ababd0 hex color

#ababd0 Color Information

#ababd0 Color Conversion

Color Schemes with #ababd0

Alternatives to #ababd0

#ababd0 Preview

Shades and Tints of #ababd0

Tones of #ababd0

Color Blindness Simulator