#98af9f hex color

In a RGB color space, hex #98af9f is composed of 59.6% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 13.1% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 138.3 degrees, a saturation of 12.6% and a lightness of 64.1%. #98af9f color hex could be obtained by blending #ffffff with #315f3f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 69
- B 62
RGB color chart
- C 13
- M 0
- Y 9
- K 31
CMYK color chart

● #98af9f color description : Dark grayish cyan - lime green.

The hexadecimal color #98af9f has RGB values of R:152, G:175, B:159 and CMYK values of C:0.13, M:0, Y:0.09, K:0.31. Its decimal value is 10006431.

Hex triplet	98af9f	`#98af9f`
RGB Decimal	152, 175, 159	`rgb(152,175,159)`
RGB Percent	59.6, 68.6, 62.4	`rgb(59.6%,68.6%,62.4%)`
CMYK	13, 0, 9, 31
HSL	138.3°, 12.6, 64.1	`hsl(138.3,12.6%,64.1%)`
HSV (or HSB)	138.3°, 13.1, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.354, -11.115, 5.529
XYZ	34.535, 39.838, 38.669
xyY	0.306, 0.352, 39.838
CIE-LCH	69.354, 12.415, 153.553
CIE-LUV	69.354, -11.888, 9.851
Hunter-Lab	63.117, -12.787, 7.858
Binary	10011000, 10101111, 10011111

#98af9f
```
#98af9f rgb(152,175,159)
```
#af98a8
```
#af98a8 rgb(175,152,168)
```

Complementary Color

#9daf98
```
#9daf98 rgb(157,175,152)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#98afab
```
#98afab rgb(152,175,171)
```

Analogous Color

#af989d
```
#af989d rgb(175,152,157)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#ab98af
```
#ab98af rgb(171,152,175)
```

Split Complementary Color

#af9f98
```
#af9f98 rgb(175,159,152)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#9f98af
```
#9f98af rgb(159,152,175)
```

Triadic Color

#a8af98
```
#a8af98 rgb(168,175,152)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#9f98af
```
#9f98af rgb(159,152,175)
```
#af98a8
```
#af98a8 rgb(175,152,168)
```

Tetradic Color

#6e8d77
```
#6e8d77 rgb(110,141,119)
```
#7b9984
```
#7b9984 rgb(123,153,132)
```
#8aa492
```
#8aa492 rgb(138,164,146)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#a6baac
```
#a6baac rgb(166,186,172)
```
#b5c5ba
```
#b5c5ba rgb(181,197,186)
```
#c3d0c7
```
#c3d0c7 rgb(195,208,199)
```

Monochromatic Color

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

#98af99
```
#98af99 rgb(152,175,153)
```
#98af9b
```
#98af9b rgb(152,175,155)
```
#98af9d
```
#98af9d rgb(152,175,157)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#98afa1
```
#98afa1 rgb(152,175,161)
```
#98afa3
```
#98afa3 rgb(152,175,163)
```
#98afa5
```
#98afa5 rgb(152,175,165)
```

Similar Colors

Text with hexadecimal color #98af9f

This text has a font color of #98af9f.

<span style="color:#98af9f;">Text here</span>

#98af9f background color

This paragraph has a background color of #98af9f.

<p style="background-color:#98af9f;">Content here</p>

#98af9f border color

This element has a border color of #98af9f.

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

CSS codes

.text {color:#98af9f;}

.background {background-color:#98af9f;}

.border {border:1px solid #98af9f;}

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

#060706
```
#060706 rgb(6,7,6)
```
#0e1210
```
#0e1210 rgb(14,18,16)
```
#171d19
```
#171d19 rgb(23,29,25)
```
#1f2922
```
#1f2922 rgb(31,41,34)
```
#28342c
```
#28342c rgb(40,52,44)
```
#313f35
```
#313f35 rgb(49,63,53)
```
#394a3e
```
#394a3e rgb(57,74,62)
```
#425548
```
#425548 rgb(66,85,72)
```
#4a6051
```
#4a6051 rgb(74,96,81)
```
#536b5a
```
#536b5a rgb(83,107,90)
```
#5c7664
```
#5c7664 rgb(92,118,100)
```
#64816d
```
#64816d rgb(100,129,109)
```
#6d8c76
```
#6d8c76 rgb(109,140,118)
```

Shade Color Variation

#779580
```
#779580 rgb(119,149,128)
```
#829e8a
```
#829e8a rgb(130,158,138)
```
#8da695
```
#8da695 rgb(141,166,149)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#a3b8a9
```
#a3b8a9 rgb(163,184,169)
```
#aec0b4
```
#aec0b4 rgb(174,192,180)
```
#b9c9be
```
#b9c9be rgb(185,201,190)
```
#c4d1c8
```
#c4d1c8 rgb(196,209,200)
```
#cfdad2
```
#cfdad2 rgb(207,218,210)
```
#dae2dd
```
#dae2dd rgb(218,226,221)
```
#e5ebe7
```
#e5ebe7 rgb(229,235,231)
```
#f0f4f1
```
#f0f4f1 rgb(240,244,241)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa8a2 is the less saturated color, while #4bfc81 is the most saturated one.

#9fa8a2
```
#9fa8a2 rgb(159,168,162)
```
#98af9f
```
#98af9f rgb(152,175,159)
```
#91b69c
```
#91b69c rgb(145,182,156)
```
#8abd99
```
#8abd99 rgb(138,189,153)
```
#83c497
```
#83c497 rgb(131,196,151)
```
#7ccb94
```
#7ccb94 rgb(124,203,148)
```
#75d291
```
#75d291 rgb(117,210,145)
```
#6ed98e
```
#6ed98e rgb(110,217,142)
```
#67e08c
```
#67e08c rgb(103,224,140)
```
#60e789
```
#60e789 rgb(96,231,137)
```
#59ee86
```
#59ee86 rgb(89,238,134)
```
#52f583
```
#52f583 rgb(82,245,131)
```
#4bfc81
```
#4bfc81 rgb(75,252,129)
```

Tone Color Variation

Below, you can see how #98af9f 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

#a6a6a6 Achromatopsia 0.005% of the population
#a3a8a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ada1 Protanopia 1% of men
#c0a8a7 Deuteranopia 1% of men
#a2afbc Tritanopia 0.001% of the population

Trichromacy

#a9ada0 Protanomaly 1% of men, 0.01% of women
#b1aaa4 Deuteranomaly 6% of men, 0.4% of women
#9eafb1 Tritanomaly 0.01% of the population

#98af9f hex color

#98af9f Color Information

#98af9f Color Conversion

Color Schemes with #98af9f

Alternatives to #98af9f

#98af9f Preview

Shades and Tints of #98af9f

Tones of #98af9f

Color Blindness Simulator