#9af8bc hex color

In a RGB color space, hex #9af8bc is composed of 60.4% red, 97.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 0% magenta, 24.2% yellow and 2.7% black. It has a hue angle of 141.7 degrees, a saturation of 87% and a lightness of 78.8%. #9af8bc color hex could be obtained by blending #ffffff with #35f179. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 60
- G 97
- B 74
RGB color chart
- C 38
- M 0
- Y 24
- K 3
CMYK color chart

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

The hexadecimal color #9af8bc has RGB values of R:154, G:248, B:188 and CMYK values of C:0.38, M:0, Y:0.24, K:0.03. Its decimal value is 10156220.

Hex triplet	9af8bc	`#9af8bc`
RGB Decimal	154, 248, 188	`rgb(154,248,188)`
RGB Percent	60.4, 97.3, 73.7	`rgb(60.4%,97.3%,73.7%)`
CMYK	38, 0, 24, 3
HSL	141.7°, 87, 78.8	`hsl(141.7,87%,78.8%)`
HSV (or HSB)	141.7°, 37.9, 97.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.612, -40.448, 20.202
XYZ	55.968, 77.633, 59.61
xyY	0.29, 0.402, 77.633
CIE-LCH	90.612, 45.213, 153.46
CIE-LUV	90.612, -44.586, 36.499
Hunter-Lab	88.109, -40.807, 21.564
Binary	10011010, 11111000, 10111100

#9af8bc
```
#9af8bc rgb(154,248,188)
```
#f89ad6
```
#f89ad6 rgb(248,154,214)
```

Complementary Color

#a7f89a
```
#a7f89a rgb(167,248,154)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#9af8eb
```
#9af8eb rgb(154,248,235)
```

Analogous Color

#f89aa7
```
#f89aa7 rgb(248,154,167)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#eb9af8
```
#eb9af8 rgb(235,154,248)
```

Split Complementary Color

#f8bc9a
```
#f8bc9a rgb(248,188,154)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#bc9af8
```
#bc9af8 rgb(188,154,248)
```

Triadic Color

#d6f89a
```
#d6f89a rgb(214,248,154)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#bc9af8
```
#bc9af8 rgb(188,154,248)
```
#f89ad6
```
#f89ad6 rgb(248,154,214)
```

Tetradic Color

#52f38d
```
#52f38d rgb(82,243,141)
```
#6af59c
```
#6af59c rgb(106,245,156)
```
#82f6ac
```
#82f6ac rgb(130,246,172)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#b2facc
```
#b2facc rgb(178,250,204)
```
#cafbdc
```
#cafbdc rgb(202,251,220)
```
#e2fdeb
```
#e2fdeb rgb(226,253,235)
```

Monochromatic Color

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

#9af8a5
```
#9af8a5 rgb(154,248,165)
```
#9af8ac
```
#9af8ac rgb(154,248,172)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#9af8c4
```
#9af8c4 rgb(154,248,196)
```
#9af8cc
```
#9af8cc rgb(154,248,204)
```
#9af8d4
```
#9af8d4 rgb(154,248,212)
```

Similar Colors

Text with hexadecimal color #9af8bc

This text has a font color of #9af8bc.

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

#9af8bc background color

This paragraph has a background color of #9af8bc.

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

#9af8bc border color

This element has a border color of #9af8bc.

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

CSS codes

.text {color:#9af8bc;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#021b0b
```
#021b0b rgb(2,27,11)
```
#032e13
```
#032e13 rgb(3,46,19)
```
#04401a
```
#04401a rgb(4,64,26)
```
#065221
```
#065221 rgb(6,82,33)
```
#076529
```
#076529 rgb(7,101,41)
```
#087730
```
#087730 rgb(8,119,48)
```
#0a8938
```
#0a8938 rgb(10,137,56)
```
#0b9c3f
```
#0b9c3f rgb(11,156,63)
```
#0cae47
```
#0cae47 rgb(12,174,71)
```
#0dc14e
```
#0dc14e rgb(13,193,78)
```
#0fd356
```
#0fd356 rgb(15,211,86)
```
#10e55d
```
#10e55d rgb(16,229,93)
```

Shade Color Variation

#1aef67
```
#1aef67 rgb(26,239,103)
```
#2cf073
```
#2cf073 rgb(44,240,115)
```
#3ef27f
```
#3ef27f rgb(62,242,127)
```
#51f38b
```
#51f38b rgb(81,243,139)
```
#63f497
```
#63f497 rgb(99,244,151)
```
#75f5a4
```
#75f5a4 rgb(117,245,164)
```
#88f7b0
```
#88f7b0 rgb(136,247,176)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#acf9c8
```
#acf9c8 rgb(172,249,200)
```
#bffbd4
```
#bffbd4 rgb(191,251,212)
```
#d1fce1
```
#d1fce1 rgb(209,252,225)
```
#e3fded
```
#e3fded rgb(227,253,237)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#c8cac9
```
#c8cac9 rgb(200,202,201)
```
#c4cec7
```
#c4cec7 rgb(196,206,199)
```
#bfd3c6
```
#bfd3c6 rgb(191,211,198)
```
#bbd7c5
```
#bbd7c5 rgb(187,215,197)
```
#b7dbc4
```
#b7dbc4 rgb(183,219,196)
```
#b3dfc3
```
#b3dfc3 rgb(179,223,195)
```
#afe3c2
```
#afe3c2 rgb(175,227,194)
```
#abe7c1
```
#abe7c1 rgb(171,231,193)
```
#a6ecbf
```
#a6ecbf rgb(166,236,191)
```
#a2f0be
```
#a2f0be rgb(162,240,190)
```
#9ef4bd
```
#9ef4bd rgb(158,244,189)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#96fcbb
```
#96fcbb rgb(150,252,187)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c9dcd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e5b6 Protanopia 1% of men
#ffdfcf Deuteranopia 1% of men
#b4eeff Tritanopia 0.001% of the population

Trichromacy

#d3ebb8 Protanomaly 1% of men, 0.01% of women
#dae8c8 Deuteranomaly 6% of men, 0.4% of women
#abf2e6 Tritanomaly 0.01% of the population

#9af8bc hex color

#9af8bc Color Information

#9af8bc Color Conversion

Color Schemes with #9af8bc

Alternatives to #9af8bc

#9af8bc Preview

Shades and Tints of #9af8bc

Tones of #9af8bc

Color Blindness Simulator