#abc2cf hex color

In a RGB color space, hex #abc2cf is composed of 67.1% red, 76.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 6.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 201.7 degrees, a saturation of 27.3% and a lightness of 74.1%. #abc2cf color hex could be obtained by blending #ffffff with #57859f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 67
- G 76
- B 81
RGB color chart
- C 17
- M 6
- Y 0
- K 19
CMYK color chart

● #abc2cf color description : Grayish blue.

The hexadecimal color #abc2cf has RGB values of R:171, G:194, B:207 and CMYK values of C:0.17, M:0.06, Y:0, K:0.19. Its decimal value is 11256527.

Hex triplet	abc2cf	`#abc2cf`
RGB Decimal	171, 194, 207	`rgb(171,194,207)`
RGB Percent	67.1, 76.1, 81.2	`rgb(67.1%,76.1%,81.2%)`
CMYK	17, 6, 0, 19
HSL	201.7°, 27.3, 74.1	`hsl(201.7,27.3%,74.1%)`
HSV (or HSB)	201.7°, 17.4, 81.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.128, -5.059, -9.14
XYZ	47.346, 51.746, 66.521
xyY	0.286, 0.312, 51.746
CIE-LCH	77.128, 10.446, 241.035
CIE-LUV	77.128, -12.763, -13.174
Hunter-Lab	71.934, -8.398, -4.474
Binary	10101011, 11000010, 11001111

#abc2cf
```
#abc2cf rgb(171,194,207)
```
#cfb8ab
```
#cfb8ab rgb(207,184,171)
```

Complementary Color

#abcfca
```
#abcfca rgb(171,207,202)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#abb0cf
```
#abb0cf rgb(171,176,207)
```

Analogous Color

#cfcaab
```
#cfcaab rgb(207,202,171)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#cfabb0
```
#cfabb0 rgb(207,171,176)
```

Split Complementary Color

#c2cfab
```
#c2cfab rgb(194,207,171)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#cfabc2
```
#cfabc2 rgb(207,171,194)
```

Triadic Color

#abcfb8
```
#abcfb8 rgb(171,207,184)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#cfabc2
```
#cfabc2 rgb(207,171,194)
```
#cfb8ab
```
#cfb8ab rgb(207,184,171)
```

Tetradic Color

#7a9fb3
```
#7a9fb3 rgb(122,159,179)
```
#8baabc
```
#8baabc rgb(139,170,188)
```
#9bb6c6
```
#9bb6c6 rgb(155,182,198)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#bbced8
```
#bbced8 rgb(187,206,216)
```
#cbdae2
```
#cbdae2 rgb(203,218,226)
```
#dce5eb
```
#dce5eb rgb(220,229,235)
```

Monochromatic Color

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

#abcbcf
```
#abcbcf rgb(171,203,207)
```
#abc8cf
```
#abc8cf rgb(171,200,207)
```
#abc5cf
```
#abc5cf rgb(171,197,207)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#abbfcf
```
#abbfcf rgb(171,191,207)
```
#abbccf
```
#abbccf rgb(171,188,207)
```
#abb9cf
```
#abb9cf rgb(171,185,207)
```

Similar Colors

Text with hexadecimal color #abc2cf

This text has a font color of #abc2cf.

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

#abc2cf background color

This paragraph has a background color of #abc2cf.

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

#abc2cf border color

This element has a border color of #abc2cf.

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

CSS codes

.text {color:#abc2cf;}

.background {background-color:#abc2cf;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#10181c
```
#10181c rgb(16,24,28)
```
#172329
```
#172329 rgb(23,35,41)
```
#1e2d35
```
#1e2d35 rgb(30,45,53)
```
#263842
```
#263842 rgb(38,56,66)
```
#2d424e
```
#2d424e rgb(45,66,78)
```
#344d5b
```
#344d5b rgb(52,77,91)
```
#3b5767
```
#3b5767 rgb(59,87,103)
```
#426274
```
#426274 rgb(66,98,116)
```
#496c80
```
#496c80 rgb(73,108,128)
```
#50778d
```
#50778d rgb(80,119,141)
```
#588199
```
#588199 rgb(88,129,153)
```

Shade Color Variation

#608ca4
```
#608ca4 rgb(96,140,164)
```
#6d95ab
```
#6d95ab rgb(109,149,171)
```
#799eb2
```
#799eb2 rgb(121,158,178)
```
#86a7ba
```
#86a7ba rgb(134,167,186)
```
#92b0c1
```
#92b0c1 rgb(146,176,193)
```
#9fb9c8
```
#9fb9c8 rgb(159,185,200)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#b7cbd6
```
#b7cbd6 rgb(183,203,214)
```
#c4d4dd
```
#c4d4dd rgb(196,212,221)
```
#d0dde4
```
#d0dde4 rgb(208,221,228)
```
#dde6ec
```
#dde6ec rgb(221,230,236)
```
#e9eff3
```
#e9eff3 rgb(233,239,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#babec0
```
#babec0 rgb(186,190,192)
```
#b5bfc5
```
#b5bfc5 rgb(181,191,197)
```
#b0c1ca
```
#b0c1ca rgb(176,193,202)
```
#abc2cf
```
#abc2cf rgb(171,194,207)
```
#a6c3d4
```
#a6c3d4 rgb(166,195,212)
```
#a1c5d9
```
#a1c5d9 rgb(161,197,217)
```
#9cc6de
```
#9cc6de rgb(156,198,222)
```
#97c8e3
```
#97c8e3 rgb(151,200,227)
```
#92c9e8
```
#92c9e8 rgb(146,201,232)
```
#8dcaed
```
#8dcaed rgb(141,202,237)
```
#87ccf3
```
#87ccf3 rgb(135,204,243)
```
#82cdf8
```
#82cdf8 rgb(130,205,248)
```
#7dcffd
```
#7dcffd rgb(125,207,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b9bec1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c0ce Protanopia 1% of men
#cabcd4 Deuteranopia 1% of men
#afc4d3 Tritanopia 0.001% of the population

Trichromacy

#b9c1ce Protanomaly 1% of men, 0.01% of women
#bfbed2 Deuteranomaly 6% of men, 0.4% of women
#aec3d1 Tritanomaly 0.01% of the population

#abc2cf hex color

#abc2cf Color Information

#abc2cf Color Conversion

Color Schemes with #abc2cf

Alternatives to #abc2cf

#abc2cf Preview

Shades and Tints of #abc2cf

Tones of #abc2cf

Color Blindness Simulator