#ababd6 hex color

In a RGB color space, hex #ababd6 is composed of 67.1% red, 67.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 20.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 240 degrees, a saturation of 34.4% and a lightness of 75.5%. #ababd6 color hex could be obtained by blending #ffffff with #5757ad. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 67
- B 84
RGB color chart
- C 20
- M 20
- Y 0
- K 16
CMYK color chart

● #ababd6 color description : Grayish blue.

The hexadecimal color #ababd6 has RGB values of R:171, G:171, B:214 and CMYK values of C:0.2, M:0.2, Y:0, K:0.16. Its decimal value is 11250646.

Hex triplet	ababd6	`#ababd6`
RGB Decimal	171, 171, 214	`rgb(171,171,214)`
RGB Percent	67.1, 67.1, 83.9	`rgb(67.1%,67.1%,83.9%)`
CMYK	20, 20, 0, 16
HSL	240°, 34.4, 75.5	`hsl(240,34.4%,75.5%)`
HSV (or HSB)	240°, 20.1, 83.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.309, 8.966, -21.714
XYZ	43.493, 42.638, 69.553
xyY	0.279, 0.274, 42.638
CIE-LCH	71.309, 23.492, 292.438
CIE-LUV	71.309, -2.545, -35.224
Hunter-Lab	65.298, 4.621, -17.445
Binary	10101011, 10101011, 11010110

#ababd6
```
#ababd6 rgb(171,171,214)
```
#d6d6ab
```
#d6d6ab rgb(214,214,171)
```

Complementary Color

#abc1d6
```
#abc1d6 rgb(171,193,214)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#c1abd6
```
#c1abd6 rgb(193,171,214)
```

Analogous Color

#c1d6ab
```
#c1d6ab rgb(193,214,171)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#d6c1ab
```
#d6c1ab rgb(214,193,171)
```

Split Complementary Color

#abd6ab
```
#abd6ab rgb(171,214,171)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#d6abab
```
#d6abab rgb(214,171,171)
```

Triadic Color

#abd6d6
```
#abd6d6 rgb(171,214,214)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#d6abab
```
#d6abab rgb(214,171,171)
```
#d6d6ab
```
#d6d6ab rgb(214,214,171)
```

Tetradic Color

#7878bd
```
#7878bd rgb(120,120,189)
```
#8989c5
```
#8989c5 rgb(137,137,197)
```
#9a9ace
```
#9a9ace rgb(154,154,206)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#bcbcde
```
#bcbcde rgb(188,188,222)
```
#cdcde7
```
#cdcde7 rgb(205,205,231)
```
#dedeef
```
#dedeef rgb(222,222,239)
```

Monochromatic Color

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

#abb6d6
```
#abb6d6 rgb(171,182,214)
```
#abb2d6
```
#abb2d6 rgb(171,178,214)
```
#abafd6
```
#abafd6 rgb(171,175,214)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#afabd6
```
#afabd6 rgb(175,171,214)
```
#b2abd6
```
#b2abd6 rgb(178,171,214)
```
#b6abd6
```
#b6abd6 rgb(182,171,214)
```

Similar Colors

Text with hexadecimal color #ababd6

This text has a font color of #ababd6.

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

#ababd6 background color

This paragraph has a background color of #ababd6.

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

#ababd6 border color

This element has a border color of #ababd6.

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

CSS codes

.text {color:#ababd6;}

.background {background-color:#ababd6;}

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0a15
```
#0a0a15 rgb(10,10,21)
```
#111123
```
#111123 rgb(17,17,35)
```
#171730
```
#171730 rgb(23,23,48)
```
#1e1e3d
```
#1e1e3d rgb(30,30,61)
```
#24244a
```
#24244a rgb(36,36,74)
```
#2b2b57
```
#2b2b57 rgb(43,43,87)
```
#313165
```
#313165 rgb(49,49,101)
```
#383872
```
#383872 rgb(56,56,114)
```
#3e3e7f
```
#3e3e7f rgb(62,62,127)
```
#44448c
```
#44448c rgb(68,68,140)
```
#4b4b99
```
#4b4b99 rgb(75,75,153)
```
#5151a6
```
#5151a6 rgb(81,81,166)
```

Shade Color Variation

#5c5caf
```
#5c5caf rgb(92,92,175)
```
#6969b6
```
#6969b6 rgb(105,105,182)
```
#7676bc
```
#7676bc rgb(118,118,188)
```
#8383c3
```
#8383c3 rgb(131,131,195)
```
#9191c9
```
#9191c9 rgb(145,145,201)
```
#9e9ed0
```
#9e9ed0 rgb(158,158,208)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#b8b8dc
```
#b8b8dc rgb(184,184,220)
```
#c5c5e3
```
#c5c5e3 rgb(197,197,227)
```
#d3d3e9
```
#d3d3e9 rgb(211,211,233)
```
#e0e0f0
```
#e0e0f0 rgb(224,224,240)
```
#ededf6
```
#ededf6 rgb(237,237,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#bebec3
```
#bebec3 rgb(190,190,195)
```
#b9b9c8
```
#b9b9c8 rgb(185,185,200)
```
#b5b5cc
```
#b5b5cc rgb(181,181,204)
```
#b0b0d1
```
#b0b0d1 rgb(176,176,209)
```
#ababd6
```
#ababd6 rgb(171,171,214)
```
#a6a6db
```
#a6a6db rgb(166,166,219)
```
#a1a1e0
```
#a1a1e0 rgb(161,161,224)
```
#9d9de4
```
#9d9de4 rgb(157,157,228)
```
#9898e9
```
#9898e9 rgb(152,152,233)
```
#9393ee
```
#9393ee rgb(147,147,238)
```
#8e8ef3
```
#8e8ef3 rgb(142,142,243)
```
#8989f8
```
#8989f8 rgb(137,137,248)
```
#8585fc
```
#8585fc rgb(133,133,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#afafb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1d9 Protanopia 1% of men
#afafd8 Deuteranopia 1% of men
#aab3c0 Tritanopia 0.001% of the population

Trichromacy

#a9aed8 Protanomaly 1% of men, 0.01% of women
#adadd7 Deuteranomaly 6% of men, 0.4% of women
#aab0c8 Tritanomaly 0.01% of the population

#ababd6 hex color

#ababd6 Color Information

#ababd6 Color Conversion

Color Schemes with #ababd6

Alternatives to #ababd6

#ababd6 Preview

Shades and Tints of #ababd6

Tones of #ababd6

Color Blindness Simulator