#abc3bf hex color

In a RGB color space, hex #abc3bf is composed of 67.1% red, 76.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 0% magenta, 2.1% yellow and 23.5% black. It has a hue angle of 170 degrees, a saturation of 16.7% and a lightness of 71.8%. #abc3bf color hex could be obtained by blending #ffffff with #57877f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 67
- G 76
- B 75
RGB color chart
- C 12
- M 0
- Y 2
- K 24
CMYK color chart

● #abc3bf color description : Grayish cyan.

The hexadecimal color #abc3bf has RGB values of R:171, G:195, B:191 and CMYK values of C:0.12, M:0, Y:0.02, K:0.24. Its decimal value is 11256767.

Hex triplet	abc3bf	`#abc3bf`
RGB Decimal	171, 195, 191	`rgb(171,195,191)`
RGB Percent	67.1, 76.5, 74.9	`rgb(67.1%,76.5%,74.9%)`
CMYK	12, 0, 2, 24
HSL	170°, 16.7, 71.8	`hsl(170,16.7%,71.8%)`
HSV (or HSB)	170°, 12.3, 76.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.95, -8.906, -0.75
XYZ	45.712, 51.449, 56.81
xyY	0.297, 0.334, 51.449
CIE-LCH	76.95, 8.938, 184.815
CIE-LUV	76.95, -12.754, 0.388
Hunter-Lab	71.728, -11.767, 3.251
Binary	10101011, 11000011, 10111111

#abc3bf
```
#abc3bf rgb(171,195,191)
```
#c3abaf
```
#c3abaf rgb(195,171,175)
```

Complementary Color

#abc3b3
```
#abc3b3 rgb(171,195,179)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#abbbc3
```
#abbbc3 rgb(171,187,195)
```

Analogous Color

#c3b3ab
```
#c3b3ab rgb(195,179,171)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#c3abbb
```
#c3abbb rgb(195,171,187)
```

Split Complementary Color

#c3bfab
```
#c3bfab rgb(195,191,171)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#bfabc3
```
#bfabc3 rgb(191,171,195)
```

Triadic Color

#afc3ab
```
#afc3ab rgb(175,195,171)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#bfabc3
```
#bfabc3 rgb(191,171,195)
```
#c3abaf
```
#c3abaf rgb(195,171,175)
```

Tetradic Color

#7ea39d
```
#7ea39d rgb(126,163,157)
```
#8daea8
```
#8daea8 rgb(141,174,168)
```
#9cb8b4
```
#9cb8b4 rgb(156,184,180)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#baceca
```
#baceca rgb(186,206,202)
```
#c9d8d6
```
#c9d8d6 rgb(201,216,214)
```
#d8e3e1
```
#d8e3e1 rgb(216,227,225)
```

Monochromatic Color

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

#abc3b9
```
#abc3b9 rgb(171,195,185)
```
#abc3bb
```
#abc3bb rgb(171,195,187)
```
#abc3bd
```
#abc3bd rgb(171,195,189)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#abc3c1
```
#abc3c1 rgb(171,195,193)
```
#abc3c3
```
#abc3c3 rgb(171,195,195)
```
#abc1c3
```
#abc1c3 rgb(171,193,195)
```

Similar Colors

Text with hexadecimal color #abc3bf

This text has a font color of #abc3bf.

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

#abc3bf background color

This paragraph has a background color of #abc3bf.

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

#abc3bf border color

This element has a border color of #abc3bf.

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

CSS codes

.text {color:#abc3bf;}

.background {background-color:#abc3bf;}

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0e1312
```
#0e1312 rgb(14,19,18)
```
#161e1d
```
#161e1d rgb(22,30,29)
```
#1e2a28
```
#1e2a28 rgb(30,42,40)
```
#263533
```
#263533 rgb(38,53,51)
```
#2e413e
```
#2e413e rgb(46,65,62)
```
#364c49
```
#364c49 rgb(54,76,73)
```
#3f5853
```
#3f5853 rgb(63,88,83)
```
#47635e
```
#47635e rgb(71,99,94)
```
#4f6f69
```
#4f6f69 rgb(79,111,105)
```
#577a74
```
#577a74 rgb(87,122,116)
```
#5f857f
```
#5f857f rgb(95,133,127)
```
#67918a
```
#67918a rgb(103,145,138)
```

Shade Color Variation

#729a93
```
#729a93 rgb(114,154,147)
```
#7da29c
```
#7da29c rgb(125,162,156)
```
#89aaa5
```
#89aaa5 rgb(137,170,165)
```
#94b3ae
```
#94b3ae rgb(148,179,174)
```
#a0bbb6
```
#a0bbb6 rgb(160,187,182)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#b6cbc8
```
#b6cbc8 rgb(182,203,200)
```
#c2d3d0
```
#c2d3d0 rgb(194,211,208)
```
#cddcd9
```
#cddcd9 rgb(205,220,217)
```
#d9e4e2
```
#d9e4e2 rgb(217,228,226)
```
#e4eceb
```
#e4eceb rgb(228,236,235)
```
#f0f4f3
```
#f0f4f3 rgb(240,244,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#b6b8b8
```
#b6b8b8 rgb(182,184,184)
```
#b1bdbb
```
#b1bdbb rgb(177,189,187)
```
#abc3bf
```
#abc3bf rgb(171,195,191)
```
#a5c9c3
```
#a5c9c3 rgb(165,201,195)
```
#a0cec6
```
#a0cec6 rgb(160,206,198)
```
#9ad4ca
```
#9ad4ca rgb(154,212,202)
```
#95d9ce
```
#95d9ce rgb(149,217,206)
```
#8fdfd1
```
#8fdfd1 rgb(143,223,209)
```
#8ae4d5
```
#8ae4d5 rgb(138,228,213)
```
#84ead9
```
#84ead9 rgb(132,234,217)
```
#7fefdd
```
#7fefdd rgb(127,239,221)
```
#79f5e0
```
#79f5e0 rgb(121,245,224)
```
#74fae4
```
#74fae4 rgb(116,250,228)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b8bdbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c0bf Protanopia 1% of men
#d1bbc5 Deuteranopia 1% of men
#b2c3d1 Tritanopia 0.001% of the population

Trichromacy

#bbc1bf Protanomaly 1% of men, 0.01% of women
#c3bec3 Deuteranomaly 6% of men, 0.4% of women
#afc3ca Tritanomaly 0.01% of the population

#abc3bf hex color

#abc3bf Color Information

#abc3bf Color Conversion

Color Schemes with #abc3bf

Alternatives to #abc3bf

#abc3bf Preview

Shades and Tints of #abc3bf

Tones of #abc3bf

Color Blindness Simulator