#98bafc hex color

In a RGB color space, hex #98bafc is composed of 59.6% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.6 degrees, a saturation of 94.3% and a lightness of 79.2%. #98bafc color hex could be obtained by blending #ffffff with #3175f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 60
- G 73
- B 99
RGB color chart
- C 40
- M 26
- Y 0
- K 1
CMYK color chart

● #98bafc color description : Very soft blue.

The hexadecimal color #98bafc has RGB values of R:152, G:186, B:252 and CMYK values of C:0.4, M:0.26, Y:0, K:0.01. Its decimal value is 10009340.

Hex triplet	98bafc	`#98bafc`
RGB Decimal	152, 186, 252	`rgb(152,186,252)`
RGB Percent	59.6, 72.9, 98.8	`rgb(59.6%,72.9%,98.8%)`
CMYK	40, 26, 0, 1
HSL	219.6°, 94.3, 79.2	`hsl(219.6,94.3%,79.2%)`
HSV (or HSB)	219.6°, 39.7, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.339, 4.676, -36.262
XYZ	48.075, 48.82, 98.98
xyY	0.245, 0.249, 48.82
CIE-LCH	75.339, 36.562, 277.347
CIE-LUV	75.339, -18.943, -59.244
Hunter-Lab	69.871, 0.542, -35.081
Binary	10011000, 10111010, 11111100

#98bafc
```
#98bafc rgb(152,186,252)
```
#fcda98
```
#fcda98 rgb(252,218,152)
```

Complementary Color

#98ecfc
```
#98ecfc rgb(152,236,252)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#a898fc
```
#a898fc rgb(168,152,252)
```

Analogous Color

#ecfc98
```
#ecfc98 rgb(236,252,152)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#fca898
```
#fca898 rgb(252,168,152)
```

Split Complementary Color

#bafc98
```
#bafc98 rgb(186,252,152)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#fc98ba
```
#fc98ba rgb(252,152,186)
```

Triadic Color

#98fcda
```
#98fcda rgb(152,252,218)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#fc98ba
```
#fc98ba rgb(252,152,186)
```
#fcda98
```
#fcda98 rgb(252,218,152)
```

Tetradic Color

#4e88fa
```
#4e88fa rgb(78,136,250)
```
#6699fb
```
#6699fb rgb(102,153,251)
```
#7fa9fb
```
#7fa9fb rgb(127,169,251)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#b1cbfd
```
#b1cbfd rgb(177,203,253)
```
#cadbfd
```
#cadbfd rgb(202,219,253)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```

Monochromatic Color

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

#98d3fc
```
#98d3fc rgb(152,211,252)
```
#98cbfc
```
#98cbfc rgb(152,203,252)
```
#98c2fc
```
#98c2fc rgb(152,194,252)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#98b2fc
```
#98b2fc rgb(152,178,252)
```
#98a9fc
```
#98a9fc rgb(152,169,252)
```
#98a1fc
```
#98a1fc rgb(152,161,252)
```

Similar Colors

Text with hexadecimal color #98bafc

This text has a font color of #98bafc.

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

#98bafc background color

This paragraph has a background color of #98bafc.

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

#98bafc border color

This element has a border color of #98bafc.

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

CSS codes

.text {color:#98bafc;}

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

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

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, #00040b is the darkest color, while #f7faff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010b1e
```
#010b1e rgb(1,11,30)
```
#011231
```
#011231 rgb(1,18,49)
```
#021945
```
#021945 rgb(2,25,69)
```
#031f58
```
#031f58 rgb(3,31,88)
```
#03266b
```
#03266b rgb(3,38,107)
```
#042d7e
```
#042d7e rgb(4,45,126)
```
#043491
```
#043491 rgb(4,52,145)
```
#053ba4
```
#053ba4 rgb(5,59,164)
```
#0542b7
```
#0542b7 rgb(5,66,183)
```
#0649ca
```
#0649ca rgb(6,73,202)
```
#064fdd
```
#064fdd rgb(6,79,221)
```
#0756f0
```
#0756f0 rgb(7,86,240)
```

Shade Color Variation

#1361f8
```
#1361f8 rgb(19,97,248)
```
#266df9
```
#266df9 rgb(38,109,249)
```
#397af9
```
#397af9 rgb(57,122,249)
```
#4c87fa
```
#4c87fa rgb(76,135,250)
```
#5f94fa
```
#5f94fa rgb(95,148,250)
```
#72a0fb
```
#72a0fb rgb(114,160,251)
```
#85adfb
```
#85adfb rgb(133,173,251)
```
#98bafc
```
#98bafc rgb(152,186,252)
```
#abc7fd
```
#abc7fd rgb(171,199,253)
```
#bed4fd
```
#bed4fd rgb(190,212,253)
```
#d1e0fe
```
#d1e0fe rgb(209,224,254)
```
#e4edfe
```
#e4edfe rgb(228,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#c9cacb
```
#c9cacb rgb(201,202,203)
```
#c5c8cf
```
#c5c8cf rgb(197,200,207)
```
#c1c7d3
```
#c1c7d3 rgb(193,199,211)
```
#bdc6d7
```
#bdc6d7 rgb(189,198,215)
```
#b9c4db
```
#b9c4db rgb(185,196,219)
```
#b5c3df
```
#b5c3df rgb(181,195,223)
```
#b0c2e4
```
#b0c2e4 rgb(176,194,228)
```
#acc1e8
```
#acc1e8 rgb(172,193,232)
```
#a8bfec
```
#a8bfec rgb(168,191,236)
```
#a4bef0
```
#a4bef0 rgb(164,190,240)
```
#a0bdf4
```
#a0bdf4 rgb(160,189,244)
```
#9cbbf8
```
#9cbbf8 rgb(156,187,248)
```
#98bafc
```
#98bafc rgb(152,186,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b1b8c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9bafa Protanopia 1% of men
#a7bbfd Deuteranopia 1% of men
#90c5d3 Tritanopia 0.001% of the population

Trichromacy

#a3bafa Protanomaly 1% of men, 0.01% of women
#a1bafc Deuteranomaly 6% of men, 0.4% of women
#93c1e2 Tritanomaly 0.01% of the population

#98bafc hex color

#98bafc Color Information

#98bafc Color Conversion

Color Schemes with #98bafc

Alternatives to #98bafc

#98bafc Preview

Shades and Tints of #98bafc

Tones of #98bafc

Color Blindness Simulator