#9affe2 hex color

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

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

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

The hexadecimal color #9affe2 has RGB values of R:154, G:255, B:226 and CMYK values of C:0.4, M:0, Y:0.11, K:0. Its decimal value is 10158050.

Hex triplet	9affe2	`#9affe2`
RGB Decimal	154, 255, 226	`rgb(154,255,226)`
RGB Percent	60.4, 100, 88.6	`rgb(60.4%,100%,88.6%)`
CMYK	40, 0, 11, 0
HSL	162.8°, 100, 80.2	`hsl(162.8,100%,80.2%)`
HSV (or HSB)	162.8°, 39.6, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	93.397, -36.028, 4.586
XYZ	62.81, 83.878, 84.828
xyY	0.271, 0.362, 83.878
CIE-LCH	93.397, 36.319, 172.746
CIE-LUV	93.397, -46.586, 13.144
Hunter-Lab	91.585, -37.856, 9.194
Binary	10011010, 11111111, 11100010

#9affe2
```
#9affe2 rgb(154,255,226)
```
#ff9ab7
```
#ff9ab7 rgb(255,154,183)
```

Complementary Color

#9affb0
```
#9affb0 rgb(154,255,176)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#9aeaff
```
#9aeaff rgb(154,234,255)
```

Analogous Color

#ffb09a
```
#ffb09a rgb(255,176,154)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#ff9aea
```
#ff9aea rgb(255,154,234)
```

Split Complementary Color

#ffe29a
```
#ffe29a rgb(255,226,154)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#e29aff
```
#e29aff rgb(226,154,255)
```

Triadic Color

#b7ff9a
```
#b7ff9a rgb(183,255,154)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#e29aff
```
#e29aff rgb(226,154,255)
```
#ff9ab7
```
#ff9ab7 rgb(255,154,183)
```

Tetradic Color

#4effcc
```
#4effcc rgb(78,255,204)
```
#67ffd3
```
#67ffd3 rgb(103,255,211)
```
#81ffdb
```
#81ffdb rgb(129,255,219)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#b4ffe9
```
#b4ffe9 rgb(180,255,233)
```
#cdfff1
```
#cdfff1 rgb(205,255,241)
```
#e7fff8
```
#e7fff8 rgb(231,255,248)
```

Monochromatic Color

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

#9affc9
```
#9affc9 rgb(154,255,201)
```
#9affd1
```
#9affd1 rgb(154,255,209)
```
#9affda
```
#9affda rgb(154,255,218)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#9affea
```
#9affea rgb(154,255,234)
```
#9afff3
```
#9afff3 rgb(154,255,243)
```
#9afffb
```
#9afffb rgb(154,255,251)
```

Similar Colors

Text with hexadecimal color #9affe2

This text has a font color of #9affe2.

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

#9affe2 background color

This paragraph has a background color of #9affe2.

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

#9affe2 border color

This element has a border color of #9affe2.

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

CSS codes

.text {color:#9affe2;}

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

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

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

#00110c
```
#00110c rgb(0,17,12)
```
#00241a
```
#00241a rgb(0,36,26)
```
#003828
```
#003828 rgb(0,56,40)
```
#004c36
```
#004c36 rgb(0,76,54)
```
#005f44
```
#005f44 rgb(0,95,68)
```
#007352
```
#007352 rgb(0,115,82)
```
#008660
```
#008660 rgb(0,134,96)
```
#009a6e
```
#009a6e rgb(0,154,110)
```
#00ae7c
```
#00ae7c rgb(0,174,124)
```
#00c18a
```
#00c18a rgb(0,193,138)
```
#00d598
```
#00d598 rgb(0,213,152)
```
#00e8a6
```
#00e8a6 rgb(0,232,166)
```
#00fcb4
```
#00fcb4 rgb(0,252,180)
```

Shade Color Variation

#11ffbb
```
#11ffbb rgb(17,255,187)
```
#24ffc0
```
#24ffc0 rgb(36,255,192)
```
#38ffc6
```
#38ffc6 rgb(56,255,198)
```
#4cffcb
```
#4cffcb rgb(76,255,203)
```
#5fffd1
```
#5fffd1 rgb(95,255,209)
```
#73ffd7
```
#73ffd7 rgb(115,255,215)
```
#86ffdc
```
#86ffdc rgb(134,255,220)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```
#aeffe8
```
#aeffe8 rgb(174,255,232)
```
#c1ffed
```
#c1ffed rgb(193,255,237)
```
#d5fff3
```
#d5fff3 rgb(213,255,243)
```
#e8fff9
```
#e8fff9 rgb(232,255,249)
```
#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 #9affe2 is the most saturated one.

#c9d0ce
```
#c9d0ce rgb(201,208,206)
```
#c5d4d0
```
#c5d4d0 rgb(197,212,208)
```
#c1d8d1
```
#c1d8d1 rgb(193,216,209)
```
#bddcd3
```
#bddcd3 rgb(189,220,211)
```
#b9e0d5
```
#b9e0d5 rgb(185,224,213)
```
#b5e4d6
```
#b5e4d6 rgb(181,228,214)
```
#b1e8d8
```
#b1e8d8 rgb(177,232,216)
```
#adecda
```
#adecda rgb(173,236,218)
```
#aaefdb
```
#aaefdb rgb(170,239,219)
```
#a6f3dd
```
#a6f3dd rgb(166,243,221)
```
#a2f7df
```
#a2f7df rgb(162,247,223)
```
#9efbe0
```
#9efbe0 rgb(158,251,224)
```
#9affe2
```
#9affe2 rgb(154,255,226)
```

Tone Color Variation

Below, you can see how #9affe2 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
#d0e4de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ecda Protanopia 1% of men
#ffe7ec Deuteranopia 1% of men
#caf4ff Tritanopia 0.001% of the population

Trichromacy

#d4f3dc Protanomaly 1% of men, 0.01% of women
#daefe8 Deuteranomaly 6% of men, 0.4% of women
#b9f8f4 Tritanomaly 0.01% of the population

#9affe2 hex color

#9affe2 Color Information

#9affe2 Color Conversion

Color Schemes with #9affe2

Alternatives to #9affe2

#9affe2 Preview

Shades and Tints of #9affe2

Tones of #9affe2

Color Blindness Simulator