#9af3bf hex color

In a RGB color space, hex #9af3bf is composed of 60.4% red, 95.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 0% magenta, 21.4% yellow and 4.7% black. It has a hue angle of 144.9 degrees, a saturation of 78.8% and a lightness of 77.8%. #9af3bf color hex could be obtained by blending #ffffff with #35e77f. Closest websafe color is: #99ffcc.

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

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

The hexadecimal color #9af3bf has RGB values of R:154, G:243, B:191 and CMYK values of C:0.37, M:0, Y:0.21, K:0.05. Its decimal value is 10154943.

Hex triplet	9af3bf	`#9af3bf`
RGB Decimal	154, 243, 191	`rgb(154,243,191)`
RGB Percent	60.4, 95.3, 74.9	`rgb(60.4%,95.3%,74.9%)`
CMYK	37, 0, 21, 5
HSL	144.9°, 78.8, 77.8	`hsl(144.9,78.8%,77.8%)`
HSV (or HSB)	144.9°, 36.6, 95.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.266, -37.639, 16.777
XYZ	54.778, 74.73, 60.825
xyY	0.288, 0.393, 74.73
CIE-LCH	89.266, 41.209, 155.976
CIE-LUV	89.266, -42.375, 31.164
Hunter-Lab	86.447, -38.173, 18.795
Binary	10011010, 11110011, 10111111

#9af3bf
```
#9af3bf rgb(154,243,191)
```
#f39ace
```
#f39ace rgb(243,154,206)
```

Complementary Color

#a2f39a
```
#a2f39a rgb(162,243,154)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#9af3ec
```
#9af3ec rgb(154,243,236)
```

Analogous Color

#f39aa2
```
#f39aa2 rgb(243,154,162)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#ec9af3
```
#ec9af3 rgb(236,154,243)
```

Split Complementary Color

#f3bf9a
```
#f3bf9a rgb(243,191,154)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#bf9af3
```
#bf9af3 rgb(191,154,243)
```

Triadic Color

#cef39a
```
#cef39a rgb(206,243,154)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#bf9af3
```
#bf9af3 rgb(191,154,243)
```
#f39ace
```
#f39ace rgb(243,154,206)
```

Tetradic Color

#56eb94
```
#56eb94 rgb(86,235,148)
```
#6ceea2
```
#6ceea2 rgb(108,238,162)
```
#83f0b1
```
#83f0b1 rgb(131,240,177)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#b1f6cd
```
#b1f6cd rgb(177,246,205)
```
#c8f8dc
```
#c8f8dc rgb(200,248,220)
```
#defbea
```
#defbea rgb(222,251,234)
```

Monochromatic Color

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

#9af3a9
```
#9af3a9 rgb(154,243,169)
```
#9af3b0
```
#9af3b0 rgb(154,243,176)
```
#9af3b8
```
#9af3b8 rgb(154,243,184)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#9af3c6
```
#9af3c6 rgb(154,243,198)
```
#9af3ce
```
#9af3ce rgb(154,243,206)
```
#9af3d5
```
#9af3d5 rgb(154,243,213)
```

Similar Colors

Text with hexadecimal color #9af3bf

This text has a font color of #9af3bf.

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

#9af3bf background color

This paragraph has a background color of #9af3bf.

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

#9af3bf border color

This element has a border color of #9af3bf.

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

CSS codes

.text {color:#9af3bf;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#03160b
```
#03160b rgb(3,22,11)
```
#052713
```
#052713 rgb(5,39,19)
```
#07391c
```
#07391c rgb(7,57,28)
```
#094a24
```
#094a24 rgb(9,74,36)
```
#0b5c2d
```
#0b5c2d rgb(11,92,45)
```
#0d6d35
```
#0d6d35 rgb(13,109,53)
```
#0f7f3e
```
#0f7f3e rgb(15,127,62)
```
#119046
```
#119046 rgb(17,144,70)
```
#13a24f
```
#13a24f rgb(19,162,79)
```
#15b457
```
#15b457 rgb(21,180,87)
```
#17c560
```
#17c560 rgb(23,197,96)
```
#19d768
```
#19d768 rgb(25,215,104)
```

Shade Color Variation

#1fe471
```
#1fe471 rgb(31,228,113)
```
#31e77c
```
#31e77c rgb(49,231,124)
```
#42e987
```
#42e987 rgb(66,233,135)
```
#54eb93
```
#54eb93 rgb(84,235,147)
```
#65ed9e
```
#65ed9e rgb(101,237,158)
```
#77efa9
```
#77efa9 rgb(119,239,169)
```
#88f1b4
```
#88f1b4 rgb(136,241,180)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#acf5ca
```
#acf5ca rgb(172,245,202)
```
#bdf7d5
```
#bdf7d5 rgb(189,247,213)
```
#cff9e0
```
#cff9e0 rgb(207,249,224)
```
#e0fbeb
```
#e0fbeb rgb(224,251,235)
```
#f2fdf7
```
#f2fdf7 rgb(242,253,247)
```

Tint Color Variation

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

#c5c8c6
```
#c5c8c6 rgb(197,200,198)
```
#c1ccc6
```
#c1ccc6 rgb(193,204,198)
```
#bdd0c5
```
#bdd0c5 rgb(189,208,197)
```
#b8d5c4
```
#b8d5c4 rgb(184,213,196)
```
#b4d9c3
```
#b4d9c3 rgb(180,217,195)
```
#b0ddc3
```
#b0ddc3 rgb(176,221,195)
```
#abe2c2
```
#abe2c2 rgb(171,226,194)
```
#a7e6c1
```
#a7e6c1 rgb(167,230,193)
```
#a3eac0
```
#a3eac0 rgb(163,234,192)
```
#9eefc0
```
#9eefc0 rgb(158,239,192)
```
#9af3bf
```
#9af3bf rgb(154,243,191)
```
#96f7be
```
#96f7be rgb(150,247,190)
```
#91fcbe
```
#91fcbe rgb(145,252,190)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#c7d9ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee1ba Protanopia 1% of men
#ffdacb Deuteranopia 1% of men
#aeebfc Tritanopia 0.001% of the population

Trichromacy

#cfe7bb Protanomaly 1% of men, 0.01% of women
#dae3c6 Deuteranomaly 6% of men, 0.4% of women
#a7eee6 Tritanomaly 0.01% of the population

#9af3bf hex color

#9af3bf Color Information

#9af3bf Color Conversion

Color Schemes with #9af3bf

Alternatives to #9af3bf

#9af3bf Preview

Shades and Tints of #9af3bf

Tones of #9af3bf

Color Blindness Simulator