#98b2f5 hex color

In a RGB color space, hex #98b2f5 is composed of 59.6% red, 69.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 27.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 223.2 degrees, a saturation of 82.3% and a lightness of 77.8%. #98b2f5 color hex could be obtained by blending #ffffff with #3165eb. Closest websafe color is: #9999ff.

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

● #98b2f5 color description : Very soft blue.

The hexadecimal color #98b2f5 has RGB values of R:152, G:178, B:245 and CMYK values of C:0.38, M:0.27, Y:0, K:0.04. Its decimal value is 10007285.

Hex triplet	98b2f5	`#98b2f5`
RGB Decimal	152, 178, 245	`rgb(152,178,245)`
RGB Percent	59.6, 69.8, 96.1	`rgb(59.6%,69.8%,96.1%)`
CMYK	38, 27, 0, 4
HSL	223.2°, 82.3, 77.8	`hsl(223.2,82.3%,77.8%)`
HSV (or HSB)	223.2°, 38, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.963, 7.239, -36.171
XYZ	45.347, 45.107, 92.698
xyY	0.248, 0.246, 45.107
CIE-LCH	72.963, 36.888, 281.317
CIE-LUV	72.963, -15.613, -59.179
Hunter-Lab	67.162, 2.988, -34.82
Binary	10011000, 10110010, 11110101

#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#f5db98
```
#f5db98 rgb(245,219,152)
```

Complementary Color

#98e1f5
```
#98e1f5 rgb(152,225,245)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#ad98f5
```
#ad98f5 rgb(173,152,245)
```

Analogous Color

#e1f598
```
#e1f598 rgb(225,245,152)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#f5ad98
```
#f5ad98 rgb(245,173,152)
```

Split Complementary Color

#b2f598
```
#b2f598 rgb(178,245,152)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#f598b2
```
#f598b2 rgb(245,152,178)
```

Triadic Color

#98f5db
```
#98f5db rgb(152,245,219)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#f598b2
```
#f598b2 rgb(245,152,178)
```
#f5db98
```
#f5db98 rgb(245,219,152)
```

Tetradic Color

#527eee
```
#527eee rgb(82,126,238)
```
#6a8ff0
```
#6a8ff0 rgb(106,143,240)
```
#81a1f3
```
#81a1f3 rgb(129,161,243)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#afc3f7
```
#afc3f7 rgb(175,195,247)
```
#c6d5fa
```
#c6d5fa rgb(198,213,250)
```
#dee6fc
```
#dee6fc rgb(222,230,252)
```

Monochromatic Color

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

#98c9f5
```
#98c9f5 rgb(152,201,245)
```
#98c2f5
```
#98c2f5 rgb(152,194,245)
```
#98baf5
```
#98baf5 rgb(152,186,245)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#98aaf5
```
#98aaf5 rgb(152,170,245)
```
#98a3f5
```
#98a3f5 rgb(152,163,245)
```
#989bf5
```
#989bf5 rgb(152,155,245)
```

Similar Colors

Text with hexadecimal color #98b2f5

This text has a font color of #98b2f5.

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

#98b2f5 background color

This paragraph has a background color of #98b2f5.

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

#98b2f5 border color

This element has a border color of #98b2f5.

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

CSS codes

.text {color:#98b2f5;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020816
```
#020816 rgb(2,8,22)
```
#040e28
```
#040e28 rgb(4,14,40)
```
#06143a
```
#06143a rgb(6,20,58)
```
#071a4c
```
#071a4c rgb(7,26,76)
```
#09215e
```
#09215e rgb(9,33,94)
```
#0b2770
```
#0b2770 rgb(11,39,112)
```
#0d2d81
```
#0d2d81 rgb(13,45,129)
```
#0e3393
```
#0e3393 rgb(14,51,147)
```
#103aa5
```
#103aa5 rgb(16,58,165)
```
#1240b7
```
#1240b7 rgb(18,64,183)
```
#1446c9
```
#1446c9 rgb(20,70,201)
```
#154cdb
```
#154cdb rgb(21,76,219)
```

Shade Color Variation

#1b54e9
```
#1b54e9 rgb(27,84,233)
```
#2d62eb
```
#2d62eb rgb(45,98,235)
```
#3f6fec
```
#3f6fec rgb(63,111,236)
```
#507dee
```
#507dee rgb(80,125,238)
```
#628af0
```
#628af0 rgb(98,138,240)
```
#7497f2
```
#7497f2 rgb(116,151,242)
```
#86a5f3
```
#86a5f3 rgb(134,165,243)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#aabff7
```
#aabff7 rgb(170,191,247)
```
#bccdf8
```
#bccdf8 rgb(188,205,248)
```
#cedafa
```
#cedafa rgb(206,218,250)
```
#e0e7fc
```
#e0e7fc rgb(224,231,252)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#c3c5ca
```
#c3c5ca rgb(195,197,202)
```
#bfc3ce
```
#bfc3ce rgb(191,195,206)
```
#bbc1d2
```
#bbc1d2 rgb(187,193,210)
```
#b6bfd7
```
#b6bfd7 rgb(182,191,215)
```
#b2bddb
```
#b2bddb rgb(178,189,219)
```
#aebcdf
```
#aebcdf rgb(174,188,223)
```
#a9bae4
```
#a9bae4 rgb(169,186,228)
```
#a5b8e8
```
#a5b8e8 rgb(165,184,232)
```
#a1b6ec
```
#a1b6ec rgb(161,182,236)
```
#9cb4f1
```
#9cb4f1 rgb(156,180,241)
```
#98b2f5
```
#98b2f5 rgb(152,178,245)
```
#94b0f9
```
#94b0f9 rgb(148,176,249)
```
#8faefe
```
#8faefe rgb(143,174,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#adb2bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f4 Protanopia 1% of men
#a1b5f5 Deuteranopia 1% of men
#90becc Tritanopia 0.001% of the population

Trichromacy

#9eb3f4 Protanomaly 1% of men, 0.01% of women
#9db3f5 Deuteranomaly 6% of men, 0.4% of women
#93b9da Tritanomaly 0.01% of the population

#98b2f5 hex color

#98b2f5 Color Information

#98b2f5 Color Conversion

Color Schemes with #98b2f5

Alternatives to #98b2f5

#98b2f5 Preview

Shades and Tints of #98b2f5

Tones of #98b2f5

Color Blindness Simulator