#98b2bf hex color

In a RGB color space, hex #98b2bf is composed of 59.6% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 200 degrees, a saturation of 23.4% and a lightness of 67.3%. #98b2bf color hex could be obtained by blending #ffffff with #31657f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 70
- B 75
RGB color chart
- C 20
- M 7
- Y 0
- K 25
CMYK color chart

● #98b2bf color description : Grayish blue.

The hexadecimal color #98b2bf has RGB values of R:152, G:178, B:191 and CMYK values of C:0.2, M:0.07, Y:0, K:0.25. Its decimal value is 10007231.

Hex triplet	98b2bf	`#98b2bf`
RGB Decimal	152, 178, 191	`rgb(152,178,191)`
RGB Percent	59.6, 69.8, 74.9	`rgb(59.6%,69.8%,74.9%)`
CMYK	20, 7, 0, 25
HSL	200°, 23.4, 67.3	`hsl(200,23.4%,67.3%)`
HSV (or HSB)	200°, 20.4, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.061, -6.048, -9.59
XYZ	38.271, 42.277, 55.431
xyY	0.281, 0.311, 42.277
CIE-LCH	71.061, 11.338, 237.763
CIE-LUV	71.061, -14.15, -13.559
Hunter-Lab	65.021, -8.721, -5.031
Binary	10011000, 10110010, 10111111

#98b2bf
```
#98b2bf rgb(152,178,191)
```
#bfa598
```
#bfa598 rgb(191,165,152)
```

Complementary Color

#98bfb9
```
#98bfb9 rgb(152,191,185)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#989fbf
```
#989fbf rgb(152,159,191)
```

Analogous Color

#bfb998
```
#bfb998 rgb(191,185,152)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#bf989f
```
#bf989f rgb(191,152,159)
```

Split Complementary Color

#b2bf98
```
#b2bf98 rgb(178,191,152)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#bf98b2
```
#bf98b2 rgb(191,152,178)
```

Triadic Color

#98bfa5
```
#98bfa5 rgb(152,191,165)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#bf98b2
```
#bf98b2 rgb(191,152,178)
```
#bfa598
```
#bfa598 rgb(191,165,152)
```

Tetradic Color

#698fa2
```
#698fa2 rgb(105,143,162)
```
#799aab
```
#799aab rgb(121,154,171)
```
#88a6b5
```
#88a6b5 rgb(136,166,181)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#a8bec9
```
#a8bec9 rgb(168,190,201)
```
#b7cad3
```
#b7cad3 rgb(183,202,211)
```
#c7d5dc
```
#c7d5dc rgb(199,213,220)
```

Monochromatic Color

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

#98bcbf
```
#98bcbf rgb(152,188,191)
```
#98b9bf
```
#98b9bf rgb(152,185,191)
```
#98b5bf
```
#98b5bf rgb(152,181,191)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#98acbf
```
#98acbf rgb(152,172,191)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```

Similar Colors

Text with hexadecimal color #98b2bf

This text has a font color of #98b2bf.

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

#98b2bf background color

This paragraph has a background color of #98b2bf.

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

#98b2bf border color

This element has a border color of #98b2bf.

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

CSS codes

.text {color:#98b2bf;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#131a1e
```
#131a1e rgb(19,26,30)
```
#1a252a
```
#1a252a rgb(26,37,42)
```
#222f36
```
#222f36 rgb(34,47,54)
```
#293a42
```
#293a42 rgb(41,58,66)
```
#31454e
```
#31454e rgb(49,69,78)
```
#384f5b
```
#384f5b rgb(56,79,91)
```
#405a67
```
#405a67 rgb(64,90,103)
```
#476473
```
#476473 rgb(71,100,115)
```
#4f6f7f
```
#4f6f7f rgb(79,111,127)
```
#56798b
```
#56798b rgb(86,121,139)
```
#5e8497
```
#5e8497 rgb(94,132,151)
```

Shade Color Variation

#688ea1
```
#688ea1 rgb(104,142,161)
```
#7497a8
```
#7497a8 rgb(116,151,168)
```
#80a0b0
```
#80a0b0 rgb(128,160,176)
```
#8ca9b7
```
#8ca9b7 rgb(140,169,183)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#a4bbc7
```
#a4bbc7 rgb(164,187,199)
```
#b0c4ce
```
#b0c4ce rgb(176,196,206)
```
#bccdd6
```
#bccdd6 rgb(188,205,214)
```
#c8d6dd
```
#c8d6dd rgb(200,214,221)
```
#d4dfe5
```
#d4dfe5 rgb(212,223,229)
```
#e1e8ec
```
#e1e8ec rgb(225,232,236)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5aeb2
```
#a5aeb2 rgb(165,174,178)
```
#9eb0b9
```
#9eb0b9 rgb(158,176,185)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#92b4c5
```
#92b4c5 rgb(146,180,197)
```
#8bb6cc
```
#8bb6cc rgb(139,182,204)
```
#85b8d2
```
#85b8d2 rgb(133,184,210)
```
#7ebbd9
```
#7ebbd9 rgb(126,187,217)
```
#78bddf
```
#78bddf rgb(120,189,223)
```
#71bfe6
```
#71bfe6 rgb(113,191,230)
```
#6bc1ec
```
#6bc1ec rgb(107,193,236)
```
#65c3f2
```
#65c3f2 rgb(101,195,242)
```
#5ec5f9
```
#5ec5f9 rgb(94,197,249)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a8adb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b1bf Protanopia 1% of men
#b9adc5 Deuteranopia 1% of men
#9db5c2 Tritanopia 0.001% of the population

Trichromacy

#a7b1bf Protanomaly 1% of men, 0.01% of women
#adafc2 Deuteranomaly 6% of men, 0.4% of women
#9bb4c1 Tritanomaly 0.01% of the population

#98b2bf hex color

#98b2bf Color Information

#98b2bf Color Conversion

Color Schemes with #98b2bf

Alternatives to #98b2bf

#98b2bf Preview

Shades and Tints of #98b2bf

Tones of #98b2bf

Color Blindness Simulator