#9af8bd hex color

In a RGB color space, hex #9af8bd is composed of 60.4% red, 97.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 0% magenta, 23.8% yellow and 2.7% black. It has a hue angle of 142.3 degrees, a saturation of 87% and a lightness of 78.8%. #9af8bd color hex could be obtained by blending #ffffff with #35f17b. 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

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

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

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

CIE-LAB	90.632, -40.264, 19.716
XYZ	56.076, 77.676, 60.18
xyY	0.289, 0.401, 77.676
CIE-LCH	90.632, 44.832, 153.91
CIE-LUV	90.632, -44.564, 35.799
Hunter-Lab	88.134, -40.662, 21.21
Binary	10011010, 11111000, 10111101

#9af8bd
```
#9af8bd rgb(154,248,189)
```
#f89ad5
```
#f89ad5 rgb(248,154,213)
```

Complementary Color

#a6f89a
```
#a6f89a rgb(166,248,154)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#9af8ec
```
#9af8ec rgb(154,248,236)
```

Analogous Color

#f89aa6
```
#f89aa6 rgb(248,154,166)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#ec9af8
```
#ec9af8 rgb(236,154,248)
```

Split Complementary Color

#f8bd9a
```
#f8bd9a rgb(248,189,154)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#bd9af8
```
#bd9af8 rgb(189,154,248)
```

Triadic Color

#d5f89a
```
#d5f89a rgb(213,248,154)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#bd9af8
```
#bd9af8 rgb(189,154,248)
```
#f89ad5
```
#f89ad5 rgb(248,154,213)
```

Tetradic Color

#52f38e
```
#52f38e rgb(82,243,142)
```
#6af59e
```
#6af59e rgb(106,245,158)
```
#82f6ad
```
#82f6ad rgb(130,246,173)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#b2facd
```
#b2facd rgb(178,250,205)
```
#cafbdc
```
#cafbdc rgb(202,251,220)
```
#e2fdec
```
#e2fdec rgb(226,253,236)
```

Monochromatic Color

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

#9af8a6
```
#9af8a6 rgb(154,248,166)
```
#9af8ad
```
#9af8ad rgb(154,248,173)
```
#9af8b5
```
#9af8b5 rgb(154,248,181)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#9af8c5
```
#9af8c5 rgb(154,248,197)
```
#9af8cd
```
#9af8cd rgb(154,248,205)
```
#9af8d5
```
#9af8d5 rgb(154,248,213)
```

Similar Colors

Text with hexadecimal color #9af8bd

This text has a font color of #9af8bd.

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

#9af8bd background color

This paragraph has a background color of #9af8bd.

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

#9af8bd border color

This element has a border color of #9af8bd.

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

CSS codes

.text {color:#9af8bd;}

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

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

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)
```
#04401b
```
#04401b rgb(4,64,27)
```
#065222
```
#065222 rgb(6,82,34)
```
#07652a
```
#07652a rgb(7,101,42)
```
#087732
```
#087732 rgb(8,119,50)
```
#0a8939
```
#0a8939 rgb(10,137,57)
```
#0b9c41
```
#0b9c41 rgb(11,156,65)
```
#0cae48
```
#0cae48 rgb(12,174,72)
```
#0dc150
```
#0dc150 rgb(13,193,80)
```
#0fd358
```
#0fd358 rgb(15,211,88)
```
#10e55f
```
#10e55f rgb(16,229,95)
```

Shade Color Variation

#1aef69
```
#1aef69 rgb(26,239,105)
```
#2cf075
```
#2cf075 rgb(44,240,117)
```
#3ef281
```
#3ef281 rgb(62,242,129)
```
#51f38d
```
#51f38d rgb(81,243,141)
```
#63f499
```
#63f499 rgb(99,244,153)
```
#75f5a5
```
#75f5a5 rgb(117,245,165)
```
#88f7b1
```
#88f7b1 rgb(136,247,177)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#acf9c9
```
#acf9c9 rgb(172,249,201)
```
#bffbd5
```
#bffbd5 rgb(191,251,213)
```
#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 #96fcbc is the most saturated one.

#c8cac9
```
#c8cac9 rgb(200,202,201)
```
#c4cec8
```
#c4cec8 rgb(196,206,200)
```
#bfd3c7
```
#bfd3c7 rgb(191,211,199)
```
#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)
```
#a6ecc0
```
#a6ecc0 rgb(166,236,192)
```
#a2f0bf
```
#a2f0bf rgb(162,240,191)
```
#9ef4be
```
#9ef4be rgb(158,244,190)
```
#9af8bd
```
#9af8bd rgb(154,248,189)
```
#96fcbc
```
#96fcbc rgb(150,252,188)
```

Tone Color Variation

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

#f3e5b7 Protanopia 1% of men
#ffdfcf Deuteranopia 1% of men
#b5eeff Tritanopia 0.001% of the population

Trichromacy

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

#9af8bd hex color

#9af8bd Color Information

#9af8bd Color Conversion

Color Schemes with #9af8bd

Alternatives to #9af8bd

#9af8bd Preview

Shades and Tints of #9af8bd

Tones of #9af8bd

Color Blindness Simulator