#ab98f3 hex color

In a RGB color space, hex #ab98f3 is composed of 67.1% red, 59.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 37.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 252.5 degrees, a saturation of 79.1% and a lightness of 77.5%. #ab98f3 color hex could be obtained by blending #ffffff with #5731e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 67
- G 60
- B 95
RGB color chart
- C 30
- M 37
- Y 0
- K 5
CMYK color chart

● #ab98f3 color description : Very soft blue.

The hexadecimal color #ab98f3 has RGB values of R:171, G:152, B:243 and CMYK values of C:0.3, M:0.37, Y:0, K:0.05. Its decimal value is 11245811.

Hex triplet	ab98f3	`#ab98f3`
RGB Decimal	171, 152, 243	`rgb(171,152,243)`
RGB Percent	67.1, 59.6, 95.3	`rgb(67.1%,59.6%,95.3%)`
CMYK	30, 37, 0, 5
HSL	252.5°, 79.1, 77.5	`hsl(252.5,79.1%,77.5%)`
HSV (or HSB)	252.5°, 37.4, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.714, 26.533, -43.165
XYZ	44.198, 37.585, 89.715
xyY	0.258, 0.219, 37.585
CIE-LCH	67.714, 50.667, 301.578
CIE-LUV	67.714, 3.273, -72.782
Hunter-Lab	61.307, 21.398, -43.849
Binary	10101011, 10011000, 11110011

#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#e0f398
```
#e0f398 rgb(224,243,152)
```

Complementary Color

#98b3f3
```
#98b3f3 rgb(152,179,243)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#d998f3
```
#d998f3 rgb(217,152,243)
```

Analogous Color

#b3f398
```
#b3f398 rgb(179,243,152)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#f3d998
```
#f3d998 rgb(243,217,152)
```

Split Complementary Color

#98f3ab
```
#98f3ab rgb(152,243,171)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#f3ab98
```
#f3ab98 rgb(243,171,152)
```

Triadic Color

#98e0f3
```
#98e0f3 rgb(152,224,243)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#f3ab98
```
#f3ab98 rgb(243,171,152)
```
#e0f398
```
#e0f398 rgb(224,243,152)
```

Tetradic Color

#7353eb
```
#7353eb rgb(115,83,235)
```
#866aee
```
#866aee rgb(134,106,238)
```
#9881f0
```
#9881f0 rgb(152,129,240)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#beaff6
```
#beaff6 rgb(190,175,246)
```
#d0c6f8
```
#d0c6f8 rgb(208,198,248)
```
#e3ddfb
```
#e3ddfb rgb(227,221,251)
```

Monochromatic Color

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

#989cf3
```
#989cf3 rgb(152,156,243)
```
#9c98f3
```
#9c98f3 rgb(156,152,243)
```
#a398f3
```
#a398f3 rgb(163,152,243)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#b398f3
```
#b398f3 rgb(179,152,243)
```
#ba98f3
```
#ba98f3 rgb(186,152,243)
```
#c298f3
```
#c298f3 rgb(194,152,243)
```

Similar Colors

Text with hexadecimal color #ab98f3

This text has a font color of #ab98f3.

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

#ab98f3 background color

This paragraph has a background color of #ab98f3.

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

#ab98f3 border color

This element has a border color of #ab98f3.

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

CSS codes

.text {color:#ab98f3;}

.background {background-color:#ab98f3;}

.border {border:1px solid #ab98f3;}

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

#010002
```
#010002 rgb(1,0,2)
```
#060214
```
#060214 rgb(6,2,20)
```
#0b0426
```
#0b0426 rgb(11,4,38)
```
#110637
```
#110637 rgb(17,6,55)
```
#160849
```
#160849 rgb(22,8,73)
```
#1b0b5a
```
#1b0b5a rgb(27,11,90)
```
#200d6c
```
#200d6c rgb(32,13,108)
```
#260f7d
```
#260f7d rgb(38,15,125)
```
#2b118f
```
#2b118f rgb(43,17,143)
```
#3013a1
```
#3013a1 rgb(48,19,161)
```
#3615b2
```
#3615b2 rgb(54,21,178)
```
#3b17c4
```
#3b17c4 rgb(59,23,196)
```
#4019d5
```
#4019d5 rgb(64,25,213)
```

Shade Color Variation

#471de5
```
#471de5 rgb(71,29,229)
```
#552fe7
```
#552fe7 rgb(85,47,231)
```
#6340e9
```
#6340e9 rgb(99,64,233)
```
#7252eb
```
#7252eb rgb(114,82,235)
```
#8063ed
```
#8063ed rgb(128,99,237)
```
#8e75ef
```
#8e75ef rgb(142,117,239)
```
#9d86f1
```
#9d86f1 rgb(157,134,241)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#b9aaf5
```
#b9aaf5 rgb(185,170,245)
```
#c8bbf7
```
#c8bbf7 rgb(200,187,247)
```
#d6cdf9
```
#d6cdf9 rgb(214,205,249)
```
#e4defb
```
#e4defb rgb(228,222,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#c5c4c7
```
#c5c4c7 rgb(197,196,199)
```
#c2c0cb
```
#c2c0cb rgb(194,192,203)
```
#c0bbd0
```
#c0bbd0 rgb(192,187,208)
```
#bdb7d4
```
#bdb7d4 rgb(189,183,212)
```
#bab3d8
```
#bab3d8 rgb(186,179,216)
```
#b8aedd
```
#b8aedd rgb(184,174,221)
```
#b5aae1
```
#b5aae1 rgb(181,170,225)
```
#b3a5e6
```
#b3a5e6 rgb(179,165,230)
```
#b0a1ea
```
#b0a1ea rgb(176,161,234)
```
#ae9cef
```
#ae9cef rgb(174,156,239)
```
#ab98f3
```
#ab98f3 rgb(171,152,243)
```
#a894f7
```
#a894f7 rgb(168,148,247)
```
#a68ffc
```
#a68ffc rgb(166,143,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a5b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a6fa Protanopia 1% of men
#8aa8ef Deuteranopia 1% of men
#a0aab7 Tritanopia 0.001% of the population

Trichromacy

#95a1f7 Protanomaly 1% of men, 0.01% of women
#96a2f0 Deuteranomaly 6% of men, 0.4% of women
#a4a3cc Tritanomaly 0.01% of the population

#ab98f3 hex color

#ab98f3 Color Information

#ab98f3 Color Conversion

Color Schemes with #ab98f3

Alternatives to #ab98f3

#ab98f3 Preview

Shades and Tints of #ab98f3

Tones of #ab98f3

Color Blindness Simulator