#9af5b2 hex color

In a RGB color space, hex #9af5b2 is composed of 60.4% red, 96.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 0% magenta, 27.3% yellow and 3.9% black. It has a hue angle of 135.8 degrees, a saturation of 82% and a lightness of 78.2%. #9af5b2 color hex could be obtained by blending #ffffff with #35eb65. Closest websafe color is: #99ff99.

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

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

The hexadecimal color #9af5b2 has RGB values of R:154, G:245, B:178 and CMYK values of C:0.37, M:0, Y:0.27, K:0.04. Its decimal value is 10155442.

Hex triplet	9af5b2	`#9af5b2`
RGB Decimal	154, 245, 178	`rgb(154,245,178)`
RGB Percent	60.4, 96.1, 69.8	`rgb(60.4%,96.1%,69.8%)`
CMYK	37, 0, 27, 4
HSL	135.8°, 82, 78.2	`hsl(135.8,82%,78.2%)`
HSV (or HSB)	135.8°, 37.1, 96.1
Web Safe	99ff99	`#99ff99`

CIE-LAB	89.574, -40.913, 23.888
XYZ	54.012, 75.387, 53.822
xyY	0.295, 0.411, 75.387
CIE-LCH	89.574, 47.376, 149.72
CIE-LUV	89.574, -43.506, 41.49
Hunter-Lab	86.825, -40.904, 24.025
Binary	10011010, 11110101, 10110010

#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#f59add
```
#f59add rgb(245,154,221)
```

Complementary Color

#b0f59a
```
#b0f59a rgb(176,245,154)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#9af5e0
```
#9af5e0 rgb(154,245,224)
```

Analogous Color

#f59ab0
```
#f59ab0 rgb(245,154,176)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#e09af5
```
#e09af5 rgb(224,154,245)
```

Split Complementary Color

#f5b29a
```
#f5b29a rgb(245,178,154)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#b29af5
```
#b29af5 rgb(178,154,245)
```

Triadic Color

#ddf59a
```
#ddf59a rgb(221,245,154)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#b29af5
```
#b29af5 rgb(178,154,245)
```
#f59add
```
#f59add rgb(245,154,221)
```

Tetradic Color

#54ee7d
```
#54ee7d rgb(84,238,125)
```
#6cf08f
```
#6cf08f rgb(108,240,143)
```
#83f3a0
```
#83f3a0 rgb(131,243,160)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#b1f7c4
```
#b1f7c4 rgb(177,247,196)
```
#c8fad5
```
#c8fad5 rgb(200,250,213)
```
#e0fce7
```
#e0fce7 rgb(224,252,231)
```

Monochromatic Color

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

#9af59b
```
#9af59b rgb(154,245,155)
```
#9af5a3
```
#9af5a3 rgb(154,245,163)
```
#9af5aa
```
#9af5aa rgb(154,245,170)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#9af5ba
```
#9af5ba rgb(154,245,186)
```
#9af5c1
```
#9af5c1 rgb(154,245,193)
```
#9af5c9
```
#9af5c9 rgb(154,245,201)
```

Similar Colors

Text with hexadecimal color #9af5b2

This text has a font color of #9af5b2.

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

#9af5b2 background color

This paragraph has a background color of #9af5b2.

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

#9af5b2 border color

This element has a border color of #9af5b2.

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

CSS codes

.text {color:#9af5b2;}

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

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

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

#010602
```
#010602 rgb(1,6,2)
```
#021808
```
#021808 rgb(2,24,8)
```
#042a0e
```
#042a0e rgb(4,42,14)
```
#063c14
```
#063c14 rgb(6,60,20)
```
#084d1a
```
#084d1a rgb(8,77,26)
```
#095f20
```
#095f20 rgb(9,95,32)
```
#0b7126
```
#0b7126 rgb(11,113,38)
```
#0d832c
```
#0d832c rgb(13,131,44)
```
#0f9532
```
#0f9532 rgb(15,149,50)
```
#11a738
```
#11a738 rgb(17,167,56)
```
#12b93e
```
#12b93e rgb(18,185,62)
```
#14ca44
```
#14ca44 rgb(20,202,68)
```
#16dc4a
```
#16dc4a rgb(22,220,74)
```

Shade Color Variation

#1de953
```
#1de953 rgb(29,233,83)
```
#2fea60
```
#2fea60 rgb(47,234,96)
```
#41ec6e
```
#41ec6e rgb(65,236,110)
```
#53ee7c
```
#53ee7c rgb(83,238,124)
```
#64f089
```
#64f089 rgb(100,240,137)
```
#76f197
```
#76f197 rgb(118,241,151)
```
#88f3a4
```
#88f3a4 rgb(136,243,164)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#acf7c0
```
#acf7c0 rgb(172,247,192)
```
#bef9cd
```
#bef9cd rgb(190,249,205)
```
#d0fadb
```
#d0fadb rgb(208,250,219)
```
#e1fce8
```
#e1fce8 rgb(225,252,232)
```
#f3fef6
```
#f3fef6 rgb(243,254,246)
```

Tint Color Variation

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

#c5cac6
```
#c5cac6 rgb(197,202,198)
```
#c0cfc4
```
#c0cfc4 rgb(192,207,196)
```
#bcd3c2
```
#bcd3c2 rgb(188,211,194)
```
#b8d7c0
```
#b8d7c0 rgb(184,215,192)
```
#b4dbbe
```
#b4dbbe rgb(180,219,190)
```
#afe0bc
```
#afe0bc rgb(175,224,188)
```
#abe4ba
```
#abe4ba rgb(171,228,186)
```
#a7e8b8
```
#a7e8b8 rgb(167,232,184)
```
#a3ecb6
```
#a3ecb6 rgb(163,236,182)
```
#9ef1b4
```
#9ef1b4 rgb(158,241,180)
```
#9af5b2
```
#9af5b2 rgb(154,245,178)
```
#96f9b0
```
#96f9b0 rgb(150,249,176)
```
#91feae
```
#91feae rgb(145,254,174)
```

Tone Color Variation

Below, you can see how #9af5b2 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
#c7d9cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e2ad Protanopia 1% of men
#ffdcc5 Deuteranopia 1% of men
#b1ecfd Tritanopia 0.001% of the population

Trichromacy

#d2e9af Protanomaly 1% of men, 0.01% of women
#dae5be Deuteranomaly 6% of men, 0.4% of women
#a8efe1 Tritanomaly 0.01% of the population

#9af5b2 hex color

#9af5b2 Color Information

#9af5b2 Color Conversion

Color Schemes with #9af5b2

Alternatives to #9af5b2

#9af5b2 Preview

Shades and Tints of #9af5b2

Tones of #9af5b2

Color Blindness Simulator