#abf8dc hex color

In a RGB color space, hex #abf8dc is composed of 67.1% red, 97.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 158.2 degrees, a saturation of 84.6% and a lightness of 82.2%. #abf8dc color hex could be obtained by blending #ffffff with #57f1b9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 67
- G 97
- B 86
RGB color chart
- C 31
- M 0
- Y 11
- K 3
CMYK color chart

● #abf8dc color description : Very soft cyan - lime green.

The hexadecimal color #abf8dc has RGB values of R:171, G:248, B:220 and CMYK values of C:0.31, M:0, Y:0.11, K:0.03. Its decimal value is 11270364.

Hex triplet	abf8dc	`#abf8dc`
RGB Decimal	171, 248, 220	`rgb(171,248,220)`
RGB Percent	67.1, 97.3, 86.3	`rgb(67.1%,97.3%,86.3%)`
CMYK	31, 0, 11, 3
HSL	158.2°, 84.6, 82.2	`hsl(158.2,84.6%,82.2%)`
HSV (or HSB)	158.2°, 31, 97.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.113, -29.415, 5.932
XYZ	63.277, 80.957, 79.998
xyY	0.282, 0.361, 80.957
CIE-LCH	92.113, 30.007, 168.599
CIE-LUV	92.113, -37.196, 14.087
Hunter-Lab	89.976, -31.927, 10.268
Binary	10101011, 11111000, 11011100

#abf8dc
```
#abf8dc rgb(171,248,220)
```
#f8abc7
```
#f8abc7 rgb(248,171,199)
```

Complementary Color

#abf8b6
```
#abf8b6 rgb(171,248,182)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#abeef8
```
#abeef8 rgb(171,238,248)
```

Analogous Color

#f8b6ab
```
#f8b6ab rgb(248,182,171)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#f8abee
```
#f8abee rgb(248,171,238)
```

Split Complementary Color

#f8dcab
```
#f8dcab rgb(248,220,171)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#dcabf8
```
#dcabf8 rgb(220,171,248)
```

Triadic Color

#c7f8ab
```
#c7f8ab rgb(199,248,171)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#dcabf8
```
#dcabf8 rgb(220,171,248)
```
#f8abc7
```
#f8abc7 rgb(248,171,199)
```

Tetradic Color

#64f2bf
```
#64f2bf rgb(100,242,191)
```
#7cf4c8
```
#7cf4c8 rgb(124,244,200)
```
#93f6d2
```
#93f6d2 rgb(147,246,210)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#c3fae6
```
#c3fae6 rgb(195,250,230)
```
#dafcf0
```
#dafcf0 rgb(218,252,240)
```
#f2fef9
```
#f2fef9 rgb(242,254,249)
```

Monochromatic Color

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

#abf8c9
```
#abf8c9 rgb(171,248,201)
```
#abf8cf
```
#abf8cf rgb(171,248,207)
```
#abf8d6
```
#abf8d6 rgb(171,248,214)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#abf8e2
```
#abf8e2 rgb(171,248,226)
```
#abf8e9
```
#abf8e9 rgb(171,248,233)
```
#abf8ef
```
#abf8ef rgb(171,248,239)
```

Similar Colors

Text with hexadecimal color #abf8dc

This text has a font color of #abf8dc.

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

#abf8dc background color

This paragraph has a background color of #abf8dc.

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

#abf8dc border color

This element has a border color of #abf8dc.

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

CSS codes

.text {color:#abf8dc;}

.background {background-color:#abf8dc;}

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

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

#010704
```
#010704 rgb(1,7,4)
```
#021910
```
#021910 rgb(2,25,16)
```
#042b1c
```
#042b1c rgb(4,43,28)
```
#053d29
```
#053d29 rgb(5,61,41)
```
#074f35
```
#074f35 rgb(7,79,53)
```
#086141
```
#086141 rgb(8,97,65)
```
#0a734d
```
#0a734d rgb(10,115,77)
```
#0b8559
```
#0b8559 rgb(11,133,89)
```
#0d9765
```
#0d9765 rgb(13,151,101)
```
#0ea971
```
#0ea971 rgb(14,169,113)
```
#10bc7d
```
#10bc7d rgb(16,188,125)
```
#11ce89
```
#11ce89 rgb(17,206,137)
```
#13e095
```
#13e095 rgb(19,224,149)
```

Shade Color Variation

#1aeca0
```
#1aeca0 rgb(26,236,160)
```
#2ceda7
```
#2ceda7 rgb(44,237,167)
```
#3eefaf
```
#3eefaf rgb(62,239,175)
```
#50f0b6
```
#50f0b6 rgb(80,240,182)
```
#63f2be
```
#63f2be rgb(99,242,190)
```
#75f3c5
```
#75f3c5 rgb(117,243,197)
```
#87f5cd
```
#87f5cd rgb(135,245,205)
```
#99f6d4
```
#99f6d4 rgb(153,246,212)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#bdfae4
```
#bdfae4 rgb(189,250,228)
```
#cffbeb
```
#cffbeb rgb(207,251,235)
```
#e1fdf3
```
#e1fdf3 rgb(225,253,243)
```
#f3fefa
```
#f3fefa rgb(243,254,250)
```

Tint Color Variation

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

#d2d2d2
```
#d2d2d2 rgb(210,210,210)
```
#ced5d2
```
#ced5d2 rgb(206,213,210)
```
#cbd9d3
```
#cbd9d3 rgb(203,217,211)
```
#c7dcd4
```
#c7dcd4 rgb(199,220,212)
```
#c4e0d5
```
#c4e0d5 rgb(196,224,213)
```
#c0e3d6
```
#c0e3d6 rgb(192,227,214)
```
#bde7d7
```
#bde7d7 rgb(189,231,215)
```
#b9ead8
```
#b9ead8 rgb(185,234,216)
```
#b6eed9
```
#b6eed9 rgb(182,238,217)
```
#b2f1da
```
#b2f1da rgb(178,241,218)
```
#aff5db
```
#aff5db rgb(175,245,219)
```
#abf8dc
```
#abf8dc rgb(171,248,220)
```
#a8fcdd
```
#a8fcdd rgb(168,252,221)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d4e3de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e8d6 Protanopia 1% of men
#ffe2e5 Deuteranopia 1% of men
#c4f0ff Tritanopia 0.001% of the population

Trichromacy

#d8eed8 Protanomaly 1% of men, 0.01% of women
#e0eae2 Deuteranomaly 6% of men, 0.4% of women
#bbf3f2 Tritanomaly 0.01% of the population

#abf8dc hex color

#abf8dc Color Information

#abf8dc Color Conversion

Color Schemes with #abf8dc

Alternatives to #abf8dc

#abf8dc Preview

Shades and Tints of #abf8dc

Tones of #abf8dc

Color Blindness Simulator