#98afdf hex color

In a RGB color space, hex #98afdf is composed of 59.6% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 220.6 degrees, a saturation of 52.6% and a lightness of 73.5%. #98afdf color hex could be obtained by blending #ffffff with #315fbf. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 69
- B 87
RGB color chart
- C 32
- M 22
- Y 0
- K 13
CMYK color chart

● #98afdf color description : Very soft blue.

The hexadecimal color #98afdf has RGB values of R:152, G:175, B:223 and CMYK values of C:0.32, M:0.22, Y:0, K:0.13. Its decimal value is 10006495.

Hex triplet	98afdf	`#98afdf`
RGB Decimal	152, 175, 223	`rgb(152,175,223)`
RGB Percent	59.6, 68.6, 87.5	`rgb(59.6%,68.6%,87.5%)`
CMYK	32, 22, 0, 13
HSL	220.6°, 52.6, 73.5	`hsl(220.6,52.6%,73.5%)`
HSV (or HSB)	220.6°, 31.8, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.325, 3.21, -26.735
XYZ	41.595, 42.662, 75.851
xyY	0.26, 0.266, 42.662
CIE-LCH	71.325, 26.927, 276.848
CIE-LUV	71.325, -13.739, -42.631
Hunter-Lab	65.316, -0.629, -23.132
Binary	10011000, 10101111, 11011111

#98afdf
```
#98afdf rgb(152,175,223)
```
#dfc898
```
#dfc898 rgb(223,200,152)
```

Complementary Color

#98d3df
```
#98d3df rgb(152,211,223)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#a598df
```
#a598df rgb(165,152,223)
```

Analogous Color

#d3df98
```
#d3df98 rgb(211,223,152)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#dfa598
```
#dfa598 rgb(223,165,152)
```

Split Complementary Color

#afdf98
```
#afdf98 rgb(175,223,152)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#df98af
```
#df98af rgb(223,152,175)
```

Triadic Color

#98dfc8
```
#98dfc8 rgb(152,223,200)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#df98af
```
#df98af rgb(223,152,175)
```
#dfc898
```
#dfc898 rgb(223,200,152)
```

Tetradic Color

#5e82cd
```
#5e82cd rgb(94,130,205)
```
#7191d3
```
#7191d3 rgb(113,145,211)
```
#85a0d9
```
#85a0d9 rgb(133,160,217)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#abbee5
```
#abbee5 rgb(171,190,229)
```
#bfcdeb
```
#bfcdeb rgb(191,205,235)
```
#d2dcf1
```
#d2dcf1 rgb(210,220,241)
```

Monochromatic Color

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

#98c1df
```
#98c1df rgb(152,193,223)
```
#98bbdf
```
#98bbdf rgb(152,187,223)
```
#98b5df
```
#98b5df rgb(152,181,223)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#98a9df
```
#98a9df rgb(152,169,223)
```
#98a3df
```
#98a3df rgb(152,163,223)
```
#989ddf
```
#989ddf rgb(152,157,223)
```

Similar Colors

Text with hexadecimal color #98afdf

This text has a font color of #98afdf.

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

#98afdf background color

This paragraph has a background color of #98afdf.

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

#98afdf border color

This element has a border color of #98afdf.

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

CSS codes

.text {color:#98afdf;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#0a1120
```
#0a1120 rgb(10,17,32)
```
#0e192f
```
#0e192f rgb(14,25,47)
```
#13213e
```
#13213e rgb(19,33,62)
```
#18294d
```
#18294d rgb(24,41,77)
```
#1c315c
```
#1c315c rgb(28,49,92)
```
#21396b
```
#21396b rgb(33,57,107)
```
#264179
```
#264179 rgb(38,65,121)
```
#2a4988
```
#2a4988 rgb(42,73,136)
```
#2f5197
```
#2f5197 rgb(47,81,151)
```
#3459a6
```
#3459a6 rgb(52,89,166)
```
#3861b5
```
#3861b5 rgb(56,97,181)
```

Shade Color Variation

#3e69c3
```
#3e69c3 rgb(62,105,195)
```
#4d75c8
```
#4d75c8 rgb(77,117,200)
```
#5c81cc
```
#5c81cc rgb(92,129,204)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#7a98d6
```
#7a98d6 rgb(122,152,214)
```
#89a3da
```
#89a3da rgb(137,163,218)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#a7bbe4
```
#a7bbe4 rgb(167,187,228)
```
#b6c6e8
```
#b6c6e8 rgb(182,198,232)
```
#c5d2ed
```
#c5d2ed rgb(197,210,237)
```
#d4ddf2
```
#d4ddf2 rgb(212,221,242)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

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

#b7bac0
```
#b7bac0 rgb(183,186,192)
```
#b2b8c5
```
#b2b8c5 rgb(178,184,197)
```
#adb6ca
```
#adb6ca rgb(173,182,202)
```
#a8b4cf
```
#a8b4cf rgb(168,180,207)
```
#a2b3d5
```
#a2b3d5 rgb(162,179,213)
```
#9db1da
```
#9db1da rgb(157,177,218)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#93ade4
```
#93ade4 rgb(147,173,228)
```
#8eabe9
```
#8eabe9 rgb(142,171,233)
```
#88aaef
```
#88aaef rgb(136,170,239)
```
#83a8f4
```
#83a8f4 rgb(131,168,244)
```
#7ea6f9
```
#7ea6f9 rgb(126,166,249)
```
#79a4fe
```
#79a4fe rgb(121,164,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aaaeb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b1df Protanopia 1% of men
#a8afe1 Deuteranopia 1% of men
#95b8c5 Tritanopia 0.001% of the population

Trichromacy

#a1b0df Protanomaly 1% of men, 0.01% of women
#a2afe0 Deuteranomaly 6% of men, 0.4% of women
#96b4ce Tritanomaly 0.01% of the population

#98afdf hex color

#98afdf Color Information

#98afdf Color Conversion

Color Schemes with #98afdf

Alternatives to #98afdf

#98afdf Preview

Shades and Tints of #98afdf

Tones of #98afdf

Color Blindness Simulator