#9af5bc hex color

In a RGB color space, hex #9af5bc is composed of 60.4% red, 96.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 0% magenta, 23.3% yellow and 3.9% black. It has a hue angle of 142.4 degrees, a saturation of 82% and a lightness of 78.2%. #9af5bc color hex could be obtained by blending #ffffff with #35eb79. 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

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

The hexadecimal color #9af5bc has RGB values of R:154, G:245, B:188 and CMYK values of C:0.37, M:0, Y:0.23, K:0.04. Its decimal value is 10155452.

Hex triplet	9af5bc	`#9af5bc`
RGB Decimal	154, 245, 188	`rgb(154,245,188)`
RGB Percent	60.4, 96.1, 73.7	`rgb(60.4%,96.1%,73.7%)`
CMYK	37, 0, 23, 4
HSL	142.4°, 82, 78.2	`hsl(142.4,82%,78.2%)`
HSV (or HSB)	142.4°, 37.1, 96.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.768, -39.105, 19.026
XYZ	55.053, 75.803, 59.305
xyY	0.29, 0.399, 75.803
CIE-LCH	89.768, 43.488, 154.056
CIE-LUV	89.768, -43.298, 34.584
Hunter-Lab	87.065, -39.494, 20.56
Binary	10011010, 11110101, 10111100

#9af5bc
```
#9af5bc rgb(154,245,188)
```
#f59ad3
```
#f59ad3 rgb(245,154,211)
```

Complementary Color

#a6f59a
```
#a6f59a rgb(166,245,154)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#9af5ea
```
#9af5ea rgb(154,245,234)
```

Analogous Color

#f59aa6
```
#f59aa6 rgb(245,154,166)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#ea9af5
```
#ea9af5 rgb(234,154,245)
```

Split Complementary Color

#f5bc9a
```
#f5bc9a rgb(245,188,154)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#bc9af5
```
#bc9af5 rgb(188,154,245)
```

Triadic Color

#d3f59a
```
#d3f59a rgb(211,245,154)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#bc9af5
```
#bc9af5 rgb(188,154,245)
```
#f59ad3
```
#f59ad3 rgb(245,154,211)
```

Tetradic Color

#54ee8e
```
#54ee8e rgb(84,238,142)
```
#6cf09d
```
#6cf09d rgb(108,240,157)
```
#83f3ad
```
#83f3ad rgb(131,243,173)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#b1f7cb
```
#b1f7cb rgb(177,247,203)
```
#c8fadb
```
#c8fadb rgb(200,250,219)
```
#e0fcea
```
#e0fcea rgb(224,252,234)
```

Monochromatic Color

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

#9af5a5
```
#9af5a5 rgb(154,245,165)
```
#9af5ad
```
#9af5ad rgb(154,245,173)
```
#9af5b4
```
#9af5b4 rgb(154,245,180)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#9af5c4
```
#9af5c4 rgb(154,245,196)
```
#9af5cb
```
#9af5cb rgb(154,245,203)
```
#9af5d3
```
#9af5d3 rgb(154,245,211)
```

Similar Colors

Text with hexadecimal color #9af5bc

This text has a font color of #9af5bc.

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

#9af5bc background color

This paragraph has a background color of #9af5bc.

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

#9af5bc border color

This element has a border color of #9af5bc.

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

CSS codes

.text {color:#9af5bc;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#02180a
```
#02180a rgb(2,24,10)
```
#042a12
```
#042a12 rgb(4,42,18)
```
#063c1a
```
#063c1a rgb(6,60,26)
```
#084d22
```
#084d22 rgb(8,77,34)
```
#095f2a
```
#095f2a rgb(9,95,42)
```
#0b7131
```
#0b7131 rgb(11,113,49)
```
#0d8339
```
#0d8339 rgb(13,131,57)
```
#0f9541
```
#0f9541 rgb(15,149,65)
```
#11a749
```
#11a749 rgb(17,167,73)
```
#12b950
```
#12b950 rgb(18,185,80)
```
#14ca58
```
#14ca58 rgb(20,202,88)
```
#16dc60
```
#16dc60 rgb(22,220,96)
```

Shade Color Variation

#1de969
```
#1de969 rgb(29,233,105)
```
#2fea75
```
#2fea75 rgb(47,234,117)
```
#41ec81
```
#41ec81 rgb(65,236,129)
```
#53ee8d
```
#53ee8d rgb(83,238,141)
```
#64f098
```
#64f098 rgb(100,240,152)
```
#76f1a4
```
#76f1a4 rgb(118,241,164)
```
#88f3b0
```
#88f3b0 rgb(136,243,176)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#acf7c8
```
#acf7c8 rgb(172,247,200)
```
#bef9d4
```
#bef9d4 rgb(190,249,212)
```
#d0fae0
```
#d0fae0 rgb(208,250,224)
```
#e1fceb
```
#e1fceb rgb(225,252,235)
```
#f3fef7
```
#f3fef7 rgb(243,254,247)
```

Tint Color Variation

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

#c5cac7
```
#c5cac7 rgb(197,202,199)
```
#c0cfc6
```
#c0cfc6 rgb(192,207,198)
```
#bcd3c5
```
#bcd3c5 rgb(188,211,197)
```
#b8d7c4
```
#b8d7c4 rgb(184,215,196)
```
#b4dbc2
```
#b4dbc2 rgb(180,219,194)
```
#afe0c1
```
#afe0c1 rgb(175,224,193)
```
#abe4c0
```
#abe4c0 rgb(171,228,192)
```
#a7e8bf
```
#a7e8bf rgb(167,232,191)
```
#a3ecbe
```
#a3ecbe rgb(163,236,190)
```
#9ef1bd
```
#9ef1bd rgb(158,241,189)
```
#9af5bc
```
#9af5bc rgb(154,245,188)
```
#96f9bb
```
#96f9bb rgb(150,249,187)
```
#91feba
```
#91feba rgb(145,254,186)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#c8dace Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e2b7 Protanopia 1% of men
#ffdccb Deuteranopia 1% of men
#afecfe Tritanopia 0.001% of the population

Trichromacy

#d1e9b8 Protanomaly 1% of men, 0.01% of women
#dae5c5 Deuteranomaly 6% of men, 0.4% of women
#a7efe6 Tritanomaly 0.01% of the population

#9af5bc hex color

#9af5bc Color Information

#9af5bc Color Conversion

Color Schemes with #9af5bc

Alternatives to #9af5bc

#9af5bc Preview

Shades and Tints of #9af5bc

Tones of #9af5bc

Color Blindness Simulator