#9afff2 hex color

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

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

● #9afff2 color description : Pale cyan.

The hexadecimal color #9afff2 has RGB values of R:154, G:255, B:242 and CMYK values of C:0.4, M:0, Y:0.05, K:0. Its decimal value is 10158066.

Hex triplet	9afff2	`#9afff2`
RGB Decimal	154, 255, 242	`rgb(154,255,242)`
RGB Percent	60.4, 100, 94.9	`rgb(60.4%,100%,94.9%)`
CMYK	40, 0, 5, 0
HSL	172.3°, 100, 80.2	`hsl(172.3,100%,80.2%)`
HSV (or HSB)	172.3°, 39.6, 100
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.796, -32.495, -3.097
XYZ	65.109, 84.797, 96.936
xyY	0.264, 0.344, 84.797
CIE-LCH	93.796, 32.642, 185.445
CIE-LUV	93.796, -46.158, 0.585
Hunter-Lab	92.085, -34.941, 2.047
Binary	10011010, 11111111, 11110010

#9afff2
```
#9afff2 rgb(154,255,242)
```
#ff9aa7
```
#ff9aa7 rgb(255,154,167)
```

Complementary Color

#9affc0
```
#9affc0 rgb(154,255,192)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#9adaff
```
#9adaff rgb(154,218,255)
```

Analogous Color

#ffc09a
```
#ffc09a rgb(255,192,154)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#ff9ada
```
#ff9ada rgb(255,154,218)
```

Split Complementary Color

#fff29a
```
#fff29a rgb(255,242,154)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#f29aff
```
#f29aff rgb(242,154,255)
```

Triadic Color

#a7ff9a
```
#a7ff9a rgb(167,255,154)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#f29aff
```
#f29aff rgb(242,154,255)
```
#ff9aa7
```
#ff9aa7 rgb(255,154,167)
```

Tetradic Color

#4effe8
```
#4effe8 rgb(78,255,232)
```
#67ffeb
```
#67ffeb rgb(103,255,235)
```
#81ffef
```
#81ffef rgb(129,255,239)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#b4fff5
```
#b4fff5 rgb(180,255,245)
```
#cdfff9
```
#cdfff9 rgb(205,255,249)
```
#e7fffc
```
#e7fffc rgb(231,255,252)
```

Monochromatic Color

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

#9affd9
```
#9affd9 rgb(154,255,217)
```
#9affe1
```
#9affe1 rgb(154,255,225)
```
#9affea
```
#9affea rgb(154,255,234)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#9afffa
```
#9afffa rgb(154,255,250)
```
#9afbff
```
#9afbff rgb(154,251,255)
```
#9af3ff
```
#9af3ff rgb(154,243,255)
```

Similar Colors

Text with hexadecimal color #9afff2

This text has a font color of #9afff2.

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

#9afff2 background color

This paragraph has a background color of #9afff2.

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

#9afff2 border color

This element has a border color of #9afff2.

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

CSS codes

.text {color:#9afff2;}

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

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

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

#00110f
```
#00110f rgb(0,17,15)
```
#002420
```
#002420 rgb(0,36,32)
```
#003831
```
#003831 rgb(0,56,49)
```
#004c42
```
#004c42 rgb(0,76,66)
```
#005f53
```
#005f53 rgb(0,95,83)
```
#007364
```
#007364 rgb(0,115,100)
```
#008675
```
#008675 rgb(0,134,117)
```
#009a86
```
#009a86 rgb(0,154,134)
```
#00ae97
```
#00ae97 rgb(0,174,151)
```
#00c1a8
```
#00c1a8 rgb(0,193,168)
```
#00d5b9
```
#00d5b9 rgb(0,213,185)
```
#00e8cb
```
#00e8cb rgb(0,232,203)
```
#00fcdc
```
#00fcdc rgb(0,252,220)
```

Shade Color Variation

#11ffe0
```
#11ffe0 rgb(17,255,224)
```
#24ffe3
```
#24ffe3 rgb(36,255,227)
```
#38ffe5
```
#38ffe5 rgb(56,255,229)
```
#4cffe8
```
#4cffe8 rgb(76,255,232)
```
#5fffea
```
#5fffea rgb(95,255,234)
```
#73ffed
```
#73ffed rgb(115,255,237)
```
#86ffef
```
#86ffef rgb(134,255,239)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```
#aefff5
```
#aefff5 rgb(174,255,245)
```
#c1fff7
```
#c1fff7 rgb(193,255,247)
```
#d5fffa
```
#d5fffa rgb(213,255,250)
```
#e8fffc
```
#e8fffc rgb(232,255,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#c9d0cf
```
#c9d0cf rgb(201,208,207)
```
#c5d4d2
```
#c5d4d2 rgb(197,212,210)
```
#c1d8d5
```
#c1d8d5 rgb(193,216,213)
```
#bddcd8
```
#bddcd8 rgb(189,220,216)
```
#b9e0db
```
#b9e0db rgb(185,224,219)
```
#b5e4de
```
#b5e4de rgb(181,228,222)
```
#b1e8e1
```
#b1e8e1 rgb(177,232,225)
```
#adece4
```
#adece4 rgb(173,236,228)
```
#aaefe6
```
#aaefe6 rgb(170,239,230)
```
#a6f3e9
```
#a6f3e9 rgb(166,243,233)
```
#a2f7ec
```
#a2f7ec rgb(162,247,236)
```
#9efbef
```
#9efbef rgb(158,251,239)
```
#9afff2
```
#9afff2 rgb(154,255,242)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d1e5e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3ede9 Protanopia 1% of men
#fee7fa Deuteranopia 1% of men
#cdf4ff Tritanopia 0.001% of the population

Trichromacy

#d2f3ec Protanomaly 1% of men, 0.01% of women
#d9f0f7 Deuteranomaly 6% of men, 0.4% of women
#baf8fa Tritanomaly 0.01% of the population

#9afff2 hex color

#9afff2 Color Information

#9afff2 Color Conversion

Color Schemes with #9afff2

Alternatives to #9afff2

#9afff2 Preview

Shades and Tints of #9afff2

Tones of #9afff2

Color Blindness Simulator