#9affdc hex color

In a RGB color space, hex #9affdc is composed of 60.4% red, 100% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 0% magenta, 13.7% yellow and 0% black. It has a hue angle of 159.2 degrees, a saturation of 100% and a lightness of 80.2%. #9affdc color hex could be obtained by blending #ffffff with #35ffb9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 60
- G 100
- B 86
RGB color chart
- C 40
- M 0
- Y 14
- K 0
CMYK color chart

● #9affdc color description : Pale cyan - lime green.

The hexadecimal color #9affdc has RGB values of R:154, G:255, B:220 and CMYK values of C:0.4, M:0, Y:0.14, K:0. Its decimal value is 10158044.

Hex triplet	9affdc	`#9affdc`
RGB Decimal	154, 255, 220	`rgb(154,255,220)`
RGB Percent	60.4, 100, 86.3	`rgb(60.4%,100%,86.3%)`
CMYK	40, 0, 14, 0
HSL	159.2°, 100, 80.2	`hsl(159.2,100%,80.2%)`
HSV (or HSB)	159.2°, 39.6, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	93.256, -37.299, 7.477
XYZ	62.001, 83.554, 80.567
xyY	0.274, 0.37, 83.554
CIE-LCH	93.256, 38.041, 168.664
CIE-LUV	93.256, -46.745, 17.738
Hunter-Lab	91.408, -38.889, 11.727
Binary	10011010, 11111111, 11011100

#9affdc
```
#9affdc rgb(154,255,220)
```
#ff9abd
```
#ff9abd rgb(255,154,189)
```

Complementary Color

#9affaa
```
#9affaa rgb(154,255,170)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#9af0ff
```
#9af0ff rgb(154,240,255)
```

Analogous Color

#ffaa9a
```
#ffaa9a rgb(255,170,154)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#ff9af0
```
#ff9af0 rgb(255,154,240)
```

Split Complementary Color

#ffdc9a
```
#ffdc9a rgb(255,220,154)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#dc9aff
```
#dc9aff rgb(220,154,255)
```

Triadic Color

#bdff9a
```
#bdff9a rgb(189,255,154)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#dc9aff
```
#dc9aff rgb(220,154,255)
```
#ff9abd
```
#ff9abd rgb(255,154,189)
```

Tetradic Color

#4effc1
```
#4effc1 rgb(78,255,193)
```
#67ffca
```
#67ffca rgb(103,255,202)
```
#81ffd3
```
#81ffd3 rgb(129,255,211)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#b4ffe5
```
#b4ffe5 rgb(180,255,229)
```
#cdffee
```
#cdffee rgb(205,255,238)
```
#e7fff7
```
#e7fff7 rgb(231,255,247)
```

Monochromatic Color

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

#9affc3
```
#9affc3 rgb(154,255,195)
```
#9affcb
```
#9affcb rgb(154,255,203)
```
#9affd4
```
#9affd4 rgb(154,255,212)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#9affe4
```
#9affe4 rgb(154,255,228)
```
#9affed
```
#9affed rgb(154,255,237)
```
#9afff5
```
#9afff5 rgb(154,255,245)
```

Similar Colors

Text with hexadecimal color #9affdc

This text has a font color of #9affdc.

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

#9affdc background color

This paragraph has a background color of #9affdc.

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

#9affdc border color

This element has a border color of #9affdc.

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

CSS codes

.text {color:#9affdc;}

.background {background-color:#9affdc;}

.border {border:1px solid #9affdc;}

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, #00110b is the darkest color, while #fcfffe is the lightest one.

#00110b
```
#00110b rgb(0,17,11)
```
#002418
```
#002418 rgb(0,36,24)
```
#003825
```
#003825 rgb(0,56,37)
```
#004c31
```
#004c31 rgb(0,76,49)
```
#005f3e
```
#005f3e rgb(0,95,62)
```
#00734b
```
#00734b rgb(0,115,75)
```
#008658
```
#008658 rgb(0,134,88)
```
#009a65
```
#009a65 rgb(0,154,101)
```
#00ae71
```
#00ae71 rgb(0,174,113)
```
#00c17e
```
#00c17e rgb(0,193,126)
```
#00d58b
```
#00d58b rgb(0,213,139)
```
#00e898
```
#00e898 rgb(0,232,152)
```
#00fca5
```
#00fca5 rgb(0,252,165)
```

Shade Color Variation

#11ffac
```
#11ffac rgb(17,255,172)
```
#24ffb3
```
#24ffb3 rgb(36,255,179)
```
#38ffba
```
#38ffba rgb(56,255,186)
```
#4cffc1
```
#4cffc1 rgb(76,255,193)
```
#5fffc8
```
#5fffc8 rgb(95,255,200)
```
#73ffce
```
#73ffce rgb(115,255,206)
```
#86ffd5
```
#86ffd5 rgb(134,255,213)
```
#9affdc
```
#9affdc rgb(154,255,220)
```
#aeffe3
```
#aeffe3 rgb(174,255,227)
```
#c1ffea
```
#c1ffea rgb(193,255,234)
```
#d5fff0
```
#d5fff0 rgb(213,255,240)
```
#e8fff7
```
#e8fff7 rgb(232,255,247)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#c9d0ce
```
#c9d0ce rgb(201,208,206)
```
#c5d4cf
```
#c5d4cf rgb(197,212,207)
```
#c1d8d0
```
#c1d8d0 rgb(193,216,208)
```
#bddcd1
```
#bddcd1 rgb(189,220,209)
```
#b9e0d2
```
#b9e0d2 rgb(185,224,210)
```
#b5e4d4
```
#b5e4d4 rgb(181,228,212)
```
#b1e8d5
```
#b1e8d5 rgb(177,232,213)
```
#adecd6
```
#adecd6 rgb(173,236,214)
```
#aaefd7
```
#aaefd7 rgb(170,239,215)
```
#a6f3d8
```
#a6f3d8 rgb(166,243,216)
```
#a2f7da
```
#a2f7da rgb(162,247,218)
```
#9efbdb
```
#9efbdb rgb(158,251,219)
```
#9affdc
```
#9affdc rgb(154,255,220)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d0e4dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6ebd4 Protanopia 1% of men
#ffe7e8 Deuteranopia 1% of men
#c9f3ff Tritanopia 0.001% of the population

Trichromacy

#d4f2d7 Protanomaly 1% of men, 0.01% of women
#daefe3 Deuteranomaly 6% of men, 0.4% of women
#b8f7f2 Tritanomaly 0.01% of the population

#9affdc hex color

#9affdc Color Information

#9affdc Color Conversion

Color Schemes with #9affdc

Alternatives to #9affdc

#9affdc Preview

Shades and Tints of #9affdc

Tones of #9affdc

Color Blindness Simulator