#abb2dc hex color

In a RGB color space, hex #abb2dc is composed of 67.1% red, 69.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 19.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 231.4 degrees, a saturation of 41.2% and a lightness of 76.7%. #abb2dc color hex could be obtained by blending #ffffff with #5765b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 70
- B 86
RGB color chart
- C 22
- M 19
- Y 0
- K 14
CMYK color chart

● #abb2dc color description : Very soft blue.

The hexadecimal color #abb2dc has RGB values of R:171, G:178, B:220 and CMYK values of C:0.22, M:0.19, Y:0, K:0.14. Its decimal value is 11252444.

Hex triplet	abb2dc	`#abb2dc`
RGB Decimal	171, 178, 220	`rgb(171,178,220)`
RGB Percent	67.1, 69.8, 86.3	`rgb(67.1%,69.8%,86.3%)`
CMYK	22, 19, 0, 14
HSL	231.4°, 41.2, 76.7	`hsl(231.4,41.2%,76.7%)`
HSV (or HSB)	231.4°, 22.3, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.328, 6.476, -21.92
XYZ	45.631, 45.665, 74.116
xyY	0.276, 0.276, 45.665
CIE-LCH	73.328, 22.856, 286.459
CIE-LUV	73.328, -6.013, -35.329
Hunter-Lab	67.576, 2.274, -17.725
Binary	10101011, 10110010, 11011100

#abb2dc
```
#abb2dc rgb(171,178,220)
```
#dcd5ab
```
#dcd5ab rgb(220,213,171)
```

Complementary Color

#abcbdc
```
#abcbdc rgb(171,203,220)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#bdabdc
```
#bdabdc rgb(189,171,220)
```

Analogous Color

#cbdcab
```
#cbdcab rgb(203,220,171)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#dcbdab
```
#dcbdab rgb(220,189,171)
```

Split Complementary Color

#b2dcab
```
#b2dcab rgb(178,220,171)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#dcabb2
```
#dcabb2 rgb(220,171,178)
```

Triadic Color

#abdcd5
```
#abdcd5 rgb(171,220,213)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#dcabb2
```
#dcabb2 rgb(220,171,178)
```
#dcd5ab
```
#dcd5ab rgb(220,213,171)
```

Tetradic Color

#7581c6
```
#7581c6 rgb(117,129,198)
```
#8791cd
```
#8791cd rgb(135,145,205)
```
#99a2d5
```
#99a2d5 rgb(153,162,213)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#bdc3e4
```
#bdc3e4 rgb(189,195,228)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```

Monochromatic Color

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

#abbedc
```
#abbedc rgb(171,190,220)
```
#abbadc
```
#abbadc rgb(171,186,220)
```
#abb6dc
```
#abb6dc rgb(171,182,220)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#abaedc
```
#abaedc rgb(171,174,220)
```
#acabdc
```
#acabdc rgb(172,171,220)
```
#b0abdc
```
#b0abdc rgb(176,171,220)
```

Similar Colors

Text with hexadecimal color #abb2dc

This text has a font color of #abb2dc.

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

#abb2dc background color

This paragraph has a background color of #abb2dc.

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

#abb2dc border color

This element has a border color of #abb2dc.

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

CSS codes

.text {color:#abb2dc;}

.background {background-color:#abb2dc;}

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

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, #05060d is the darkest color, while #fefeff is the lightest one.

#05060d
```
#05060d rgb(5,6,13)
```
#0b0d1b
```
#0b0d1b rgb(11,13,27)
```
#111429
```
#111429 rgb(17,20,41)
```
#171b36
```
#171b36 rgb(23,27,54)
```
#1c2244
```
#1c2244 rgb(28,34,68)
```
#222952
```
#222952 rgb(34,41,82)
```
#283060
```
#283060 rgb(40,48,96)
```
#2e376e
```
#2e376e rgb(46,55,110)
```
#343e7c
```
#343e7c rgb(52,62,124)
```
#39458a
```
#39458a rgb(57,69,138)
```
#3f4c97
```
#3f4c97 rgb(63,76,151)
```
#4553a5
```
#4553a5 rgb(69,83,165)
```
#4b5ab3
```
#4b5ab3 rgb(75,90,179)
```

Shade Color Variation

#5866b9
```
#5866b9 rgb(88,102,185)
```
#6673bf
```
#6673bf rgb(102,115,191)
```
#747fc5
```
#747fc5 rgb(116,127,197)
```
#818ccb
```
#818ccb rgb(129,140,203)
```
#8f99d0
```
#8f99d0 rgb(143,153,208)
```
#9da5d6
```
#9da5d6 rgb(157,165,214)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#b9bfe2
```
#b9bfe2 rgb(185,191,226)
```
#c7cbe8
```
#c7cbe8 rgb(199,203,232)
```
#d5d8ed
```
#d5d8ed rgb(213,216,237)
```
#e2e5f3
```
#e2e5f3 rgb(226,229,243)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c2c2c5
```
#c2c2c5 rgb(194,194,197)
```
#bdbfca
```
#bdbfca rgb(189,191,202)
```
#b9bcce
```
#b9bcce rgb(185,188,206)
```
#b4b9d3
```
#b4b9d3 rgb(180,185,211)
```
#b0b5d7
```
#b0b5d7 rgb(176,181,215)
```
#abb2dc
```
#abb2dc rgb(171,178,220)
```
#a6afe1
```
#a6afe1 rgb(166,175,225)
```
#a2abe5
```
#a2abe5 rgb(162,171,229)
```
#9da8ea
```
#9da8ea rgb(157,168,234)
```
#99a5ee
```
#99a5ee rgb(153,165,238)
```
#94a2f3
```
#94a2f3 rgb(148,162,243)
```
#909ef7
```
#909ef7 rgb(144,158,247)
```
#8b9bfc
```
#8b9bfc rgb(139,155,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b3b4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6de Protanopia 1% of men
#b4b4de Deuteranopia 1% of men
#aabac7 Tritanopia 0.001% of the population

Trichromacy

#adb4dd Protanomaly 1% of men, 0.01% of women
#b1b3dd Deuteranomaly 6% of men, 0.4% of women
#aab7ce Tritanomaly 0.01% of the population

#abb2dc hex color

#abb2dc Color Information

#abb2dc Color Conversion

Color Schemes with #abb2dc

Alternatives to #abb2dc

#abb2dc Preview

Shades and Tints of #abb2dc

Tones of #abb2dc

Color Blindness Simulator