#9af6bd hex color

In a RGB color space, hex #9af6bd is composed of 60.4% red, 96.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 0% magenta, 23.2% yellow and 3.5% black. It has a hue angle of 142.8 degrees, a saturation of 83.6% and a lightness of 78.4%. #9af6bd color hex could be obtained by blending #ffffff with #35ed7b. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 60
- G 96
- B 74
RGB color chart
- C 37
- M 0
- Y 23
- K 4
CMYK color chart

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

The hexadecimal color #9af6bd has RGB values of R:154, G:246, B:189 and CMYK values of C:0.37, M:0, Y:0.23, K:0.04. Its decimal value is 10155709.

Hex triplet	9af6bd	`#9af6bd`
RGB Decimal	154, 246, 189	`rgb(154,246,189)`
RGB Percent	60.4, 96.5, 74.1	`rgb(60.4%,96.5%,74.1%)`
CMYK	37, 0, 23, 4
HSL	142.8°, 83.6, 78.4	`hsl(142.8,83.6%,78.4%)`
HSV (or HSB)	142.8°, 37.4, 96.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.069, -39.369, 18.932
XYZ	55.465, 76.453, 59.976
xyY	0.289, 0.398, 76.453
CIE-LCH	90.069, 43.684, 154.318
CIE-LUV	90.069, -43.706, 34.52
Hunter-Lab	87.437, -39.787, 20.538
Binary	10011010, 11110110, 10111101

#9af6bd
```
#9af6bd rgb(154,246,189)
```
#f69ad3
```
#f69ad3 rgb(246,154,211)
```

Complementary Color

#a5f69a
```
#a5f69a rgb(165,246,154)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#9af6eb
```
#9af6eb rgb(154,246,235)
```

Analogous Color

#f69aa5
```
#f69aa5 rgb(246,154,165)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#eb9af6
```
#eb9af6 rgb(235,154,246)
```

Split Complementary Color

#f6bd9a
```
#f6bd9a rgb(246,189,154)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#bd9af6
```
#bd9af6 rgb(189,154,246)
```

Triadic Color

#d3f69a
```
#d3f69a rgb(211,246,154)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#bd9af6
```
#bd9af6 rgb(189,154,246)
```
#f69ad3
```
#f69ad3 rgb(246,154,211)
```

Tetradic Color

#54f08f
```
#54f08f rgb(84,240,143)
```
#6bf29e
```
#6bf29e rgb(107,242,158)
```
#83f4ae
```
#83f4ae rgb(131,244,174)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#b1f8cc
```
#b1f8cc rgb(177,248,204)
```
#c9fadc
```
#c9fadc rgb(201,250,220)
```
#e0fceb
```
#e0fceb rgb(224,252,235)
```

Monochromatic Color

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

#9af6a6
```
#9af6a6 rgb(154,246,166)
```
#9af6ae
```
#9af6ae rgb(154,246,174)
```
#9af6b5
```
#9af6b5 rgb(154,246,181)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#9af6c5
```
#9af6c5 rgb(154,246,197)
```
#9af6cc
```
#9af6cc rgb(154,246,204)
```
#9af6d4
```
#9af6d4 rgb(154,246,212)
```

Similar Colors

Text with hexadecimal color #9af6bd

This text has a font color of #9af6bd.

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

#9af6bd background color

This paragraph has a background color of #9af6bd.

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

#9af6bd border color

This element has a border color of #9af6bd.

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

CSS codes

.text {color:#9af6bd;}

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

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

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

#010703
```
#010703 rgb(1,7,3)
```
#02190b
```
#02190b rgb(2,25,11)
```
#042b13
```
#042b13 rgb(4,43,19)
```
#053d1b
```
#053d1b rgb(5,61,27)
```
#074f22
```
#074f22 rgb(7,79,34)
```
#09612a
```
#09612a rgb(9,97,42)
```
#0a7332
```
#0a7332 rgb(10,115,50)
```
#0c853a
```
#0c853a rgb(12,133,58)
```
#0d9742
```
#0d9742 rgb(13,151,66)
```
#0fa94a
```
#0fa94a rgb(15,169,74)
```
#11bb52
```
#11bb52 rgb(17,187,82)
```
#12cd59
```
#12cd59 rgb(18,205,89)
```
#14df61
```
#14df61 rgb(20,223,97)
```

Shade Color Variation

#1ceb6b
```
#1ceb6b rgb(28,235,107)
```
#2eec76
```
#2eec76 rgb(46,236,118)
```
#40ee82
```
#40ee82 rgb(64,238,130)
```
#52f08e
```
#52f08e rgb(82,240,142)
```
#64f19a
```
#64f19a rgb(100,241,154)
```
#76f3a5
```
#76f3a5 rgb(118,243,165)
```
#88f4b1
```
#88f4b1 rgb(136,244,177)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#acf8c9
```
#acf8c9 rgb(172,248,201)
```
#bef9d5
```
#bef9d5 rgb(190,249,213)
```
#d0fbe0
```
#d0fbe0 rgb(208,251,224)
```
#e2fcec
```
#e2fcec rgb(226,252,236)
```
#f4fef8
```
#f4fef8 rgb(244,254,248)
```

Tint Color Variation

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

#c4ccc7
```
#c4ccc7 rgb(196,204,199)
```
#c0d0c6
```
#c0d0c6 rgb(192,208,198)
```
#bcd4c5
```
#bcd4c5 rgb(188,212,197)
```
#b8d8c4
```
#b8d8c4 rgb(184,216,196)
```
#b3ddc3
```
#b3ddc3 rgb(179,221,195)
```
#afe1c2
```
#afe1c2 rgb(175,225,194)
```
#abe5c1
```
#abe5c1 rgb(171,229,193)
```
#a7e9c0
```
#a7e9c0 rgb(167,233,192)
```
#a2eebf
```
#a2eebf rgb(162,238,191)
```
#9ef2be
```
#9ef2be rgb(158,242,190)
```
#9af6bd
```
#9af6bd rgb(154,246,189)
```
#96fabc
```
#96fabc rgb(150,250,188)
```
#92febb
```
#92febb rgb(146,254,187)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c8dbcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e3b8 Protanopia 1% of men
#ffddcd Deuteranopia 1% of men
#b0edff Tritanopia 0.001% of the population

Trichromacy

#d1eab9 Protanomaly 1% of men, 0.01% of women
#dae6c7 Deuteranomaly 6% of men, 0.4% of women
#a8f0e7 Tritanomaly 0.01% of the population

#9af6bd hex color

#9af6bd Color Information

#9af6bd Color Conversion

Color Schemes with #9af6bd

Alternatives to #9af6bd

#9af6bd Preview

Shades and Tints of #9af6bd

Tones of #9af6bd

Color Blindness Simulator