#98bdaf hex color

In a RGB color space, hex #98bdaf is composed of 59.6% red, 74.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 0% magenta, 7.4% yellow and 25.9% black. It has a hue angle of 157.3 degrees, a saturation of 21.9% and a lightness of 66.9%. #98bdaf color hex could be obtained by blending #ffffff with #317b5f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 60
- G 74
- B 69
RGB color chart
- C 20
- M 0
- Y 7
- K 26
CMYK color chart

● #98bdaf color description : Grayish cyan - lime green.

The hexadecimal color #98bdaf has RGB values of R:152, G:189, B:175 and CMYK values of C:0.2, M:0, Y:0.07, K:0.26. Its decimal value is 10010031.

Hex triplet	98bdaf	`#98bdaf`
RGB Decimal	152, 189, 175	`rgb(152,189,175)`
RGB Percent	59.6, 74.1, 68.6	`rgb(59.6%,74.1%,68.6%)`
CMYK	20, 0, 7, 26
HSL	157.3°, 21.9, 66.9	`hsl(157.3,21.9%,66.9%)`
HSV (or HSB)	157.3°, 19.6, 74.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.652, -15.26, 2.977
XYZ	38.882, 46.165, 47.417
xyY	0.294, 0.349, 46.165
CIE-LCH	73.652, 15.548, 168.962
CIE-LUV	73.652, -18.965, 6.951
Hunter-Lab	67.945, -16.753, 6.184
Binary	10011000, 10111101, 10101111

#98bdaf
```
#98bdaf rgb(152,189,175)
```
#bd98a6
```
#bd98a6 rgb(189,152,166)
```

Complementary Color

#98bd9d
```
#98bd9d rgb(152,189,157)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#98b9bd
```
#98b9bd rgb(152,185,189)
```

Analogous Color

#bd9d98
```
#bd9d98 rgb(189,157,152)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#bd98b9
```
#bd98b9 rgb(189,152,185)
```

Split Complementary Color

#bdaf98
```
#bdaf98 rgb(189,175,152)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#af98bd
```
#af98bd rgb(175,152,189)
```

Triadic Color

#a6bd98
```
#a6bd98 rgb(166,189,152)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#af98bd
```
#af98bd rgb(175,152,189)
```
#bd98a6
```
#bd98a6 rgb(189,152,166)
```

Tetradic Color

#699f8b
```
#699f8b rgb(105,159,139)
```
#79a997
```
#79a997 rgb(121,169,151)
```
#88b3a3
```
#88b3a3 rgb(136,179,163)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#a8c7bb
```
#a8c7bb rgb(168,199,187)
```
#b7d1c7
```
#b7d1c7 rgb(183,209,199)
```
#c7dbd3
```
#c7dbd3 rgb(199,219,211)
```

Monochromatic Color

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

#98bda6
```
#98bda6 rgb(152,189,166)
```
#98bda9
```
#98bda9 rgb(152,189,169)
```
#98bdac
```
#98bdac rgb(152,189,172)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#98bdb2
```
#98bdb2 rgb(152,189,178)
```
#98bdb5
```
#98bdb5 rgb(152,189,181)
```
#98bdb8
```
#98bdb8 rgb(152,189,184)
```

Similar Colors

Text with hexadecimal color #98bdaf

This text has a font color of #98bdaf.

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

#98bdaf background color

This paragraph has a background color of #98bdaf.

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

#98bdaf border color

This element has a border color of #98bdaf.

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

CSS codes

.text {color:#98bdaf;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b110e
```
#0b110e rgb(11,17,14)
```
#121d19
```
#121d19 rgb(18,29,25)
```
#1a2823
```
#1a2823 rgb(26,40,35)
```
#22342d
```
#22342d rgb(34,52,45)
```
#294038
```
#294038 rgb(41,64,56)
```
#314c42
```
#314c42 rgb(49,76,66)
```
#39584c
```
#39584c rgb(57,88,76)
```
#406457
```
#406457 rgb(64,100,87)
```
#487061
```
#487061 rgb(72,112,97)
```
#507c6b
```
#507c6b rgb(80,124,107)
```
#578876
```
#578876 rgb(87,136,118)
```
#5f9480
```
#5f9480 rgb(95,148,128)
```

Shade Color Variation

#689e8a
```
#689e8a rgb(104,158,138)
```
#74a693
```
#74a693 rgb(116,166,147)
```
#80ae9c
```
#80ae9c rgb(128,174,156)
```
#8cb5a6
```
#8cb5a6 rgb(140,181,166)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#a4c5b8
```
#a4c5b8 rgb(164,197,184)
```
#b0ccc2
```
#b0ccc2 rgb(176,204,194)
```
#bcd4cb
```
#bcd4cb rgb(188,212,203)
```
#c8dcd4
```
#c8dcd4 rgb(200,220,212)
```
#d4e3dd
```
#d4e3dd rgb(212,227,221)
```
#e0ebe7
```
#e0ebe7 rgb(224,235,231)
```
#ecf3f0
```
#ecf3f0 rgb(236,243,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#a5b0ac
```
#a5b0ac rgb(165,176,172)
```
#9fb7ad
```
#9fb7ad rgb(159,183,173)
```
#98bdaf
```
#98bdaf rgb(152,189,175)
```
#92c4b1
```
#92c4b1 rgb(146,196,177)
```
#8bcab2
```
#8bcab2 rgb(139,202,178)
```
#85d1b4
```
#85d1b4 rgb(133,209,180)
```
#7ed7b5
```
#7ed7b5 rgb(126,215,181)
```
#78deb7
```
#78deb7 rgb(120,222,183)
```
#71e4b8
```
#71e4b8 rgb(113,228,184)
```
#6bebba
```
#6bebba rgb(107,235,186)
```
#64f1bc
```
#64f1bc rgb(100,241,188)
```
#5ef8bd
```
#5ef8bd rgb(94,248,189)
```
#57febf
```
#57febf rgb(87,254,191)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#abb3b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb8ae Protanopia 1% of men
#cab3b7 Deuteranopia 1% of men
#a2bcca Tritanopia 0.001% of the population

Trichromacy

#b0b9ae Protanomaly 1% of men, 0.01% of women
#b7b6b4 Deuteranomaly 6% of men, 0.4% of women
#9ebcc0 Tritanomaly 0.01% of the population

#98bdaf hex color

#98bdaf Color Information

#98bdaf Color Conversion

Color Schemes with #98bdaf

Alternatives to #98bdaf

#98bdaf Preview

Shades and Tints of #98bdaf

Tones of #98bdaf

Color Blindness Simulator