#8af9fd hex color

In a RGB color space, hex #8af9fd is composed of 54.1% red, 97.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 1.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 182.1 degrees, a saturation of 96.6% and a lightness of 76.7%. #8af9fd color hex could be obtained by blending #ffffff with #15f3fb. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 98
- B 99
RGB color chart
- C 45
- M 2
- Y 0
- K 1
CMYK color chart

● #8af9fd color description : Soft cyan.

The hexadecimal color #8af9fd has RGB values of R:138, G:249, B:253 and CMYK values of C:0.45, M:0.02, Y:0, K:0.01. Its decimal value is 9107965.

Hex triplet	8af9fd	`#8af9fd`
RGB Decimal	138, 249, 253	`rgb(138,249,253)`
RGB Percent	54.1, 97.6, 99.2	`rgb(54.1%,97.6%,99.2%)`
CMYK	45, 2, 0, 1
HSL	182.1°, 96.6, 76.7	`hsl(182.1,96.6%,76.7%)`
HSV (or HSB)	182.1°, 45.5, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.794, -30.805, -11.83
XYZ	62.082, 80.243, 105.14
xyY	0.251, 0.324, 80.243
CIE-LCH	91.794, 32.999, 201.009
CIE-LUV	91.794, -48.669, -13.828
Hunter-Lab	89.578, -33.053, -6.885
Binary	10001010, 11111001, 11111101

#8af9fd
```
#8af9fd rgb(138,249,253)
```
#fd8e8a
```
#fd8e8a rgb(253,142,138)
```

Complementary Color

#8afdc8
```
#8afdc8 rgb(138,253,200)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#8ac0fd
```
#8ac0fd rgb(138,192,253)
```

Analogous Color

#fdc88a
```
#fdc88a rgb(253,200,138)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#fd8ac0
```
#fd8ac0 rgb(253,138,192)
```

Split Complementary Color

#f9fd8a
```
#f9fd8a rgb(249,253,138)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#fd8af9
```
#fd8af9 rgb(253,138,249)
```

Triadic Color

#8afd8e
```
#8afd8e rgb(138,253,142)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#fd8af9
```
#fd8af9 rgb(253,138,249)
```
#fd8e8a
```
#fd8e8a rgb(253,142,138)
```

Tetradic Color

#3ff5fc
```
#3ff5fc rgb(63,245,252)
```
#58f6fc
```
#58f6fc rgb(88,246,252)
```
#71f8fd
```
#71f8fd rgb(113,248,253)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#a3fafd
```
#a3fafd rgb(163,250,253)
```
#bcfcfe
```
#bcfcfe rgb(188,252,254)
```
#d5fdfe
```
#d5fdfe rgb(213,253,254)
```

Monochromatic Color

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

#8afde4
```
#8afde4 rgb(138,253,228)
```
#8afdee
```
#8afdee rgb(138,253,238)
```
#8afdf7
```
#8afdf7 rgb(138,253,247)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#8aeffd
```
#8aeffd rgb(138,239,253)
```
#8ae6fd
```
#8ae6fd rgb(138,230,253)
```
#8adcfd
```
#8adcfd rgb(138,220,253)
```

Similar Colors

Text with hexadecimal color #8af9fd

This text has a font color of #8af9fd.

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

#8af9fd background color

This paragraph has a background color of #8af9fd.

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

#8af9fd border color

This element has a border color of #8af9fd.

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

CSS codes

.text {color:#8af9fd;}

.background {background-color:#8af9fd;}

.border {border:1px solid #8af9fd;}

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

#001112
```
#001112 rgb(0,17,18)
```
#012425
```
#012425 rgb(1,36,37)
```
#013739
```
#013739 rgb(1,55,57)
```
#01494c
```
#01494c rgb(1,73,76)
```
#025c5f
```
#025c5f rgb(2,92,95)
```
#026f72
```
#026f72 rgb(2,111,114)
```
#028186
```
#028186 rgb(2,129,134)
```
#039499
```
#039499 rgb(3,148,153)
```
#03a6ac
```
#03a6ac rgb(3,166,172)
```
#03b9c0
```
#03b9c0 rgb(3,185,192)
```
#04ccd3
```
#04ccd3 rgb(4,204,211)
```
#04dee6
```
#04dee6 rgb(4,222,230)
```
#04f1f9
```
#04f1f9 rgb(4,241,249)
```

Shade Color Variation

#16f3fb
```
#16f3fb rgb(22,243,251)
```
#2af4fb
```
#2af4fb rgb(42,244,251)
```
#3df5fc
```
#3df5fc rgb(61,245,252)
```
#50f6fc
```
#50f6fc rgb(80,246,252)
```
#63f7fc
```
#63f7fc rgb(99,247,252)
```
#77f8fd
```
#77f8fd rgb(119,248,253)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```
#9dfafd
```
#9dfafd rgb(157,250,253)
```
#b1fbfe
```
#b1fbfe rgb(177,251,254)
```
#c4fcfe
```
#c4fcfe rgb(196,252,254)
```
#d7fdfe
```
#d7fdfe rgb(215,253,254)
```
#eafeff
```
#eafeff rgb(234,254,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#c1c6c6
```
#c1c6c6 rgb(193,198,198)
```
#bccacb
```
#bccacb rgb(188,202,203)
```
#b8cecf
```
#b8cecf rgb(184,206,207)
```
#b3d3d4
```
#b3d3d4 rgb(179,211,212)
```
#afd7d8
```
#afd7d8 rgb(175,215,216)
```
#aadbdd
```
#aadbdd rgb(170,219,221)
```
#a5dfe2
```
#a5dfe2 rgb(165,223,226)
```
#a1e4e6
```
#a1e4e6 rgb(161,228,230)
```
#9ce8eb
```
#9ce8eb rgb(156,232,235)
```
#98ecef
```
#98ecef rgb(152,236,239)
```
#93f0f4
```
#93f0f4 rgb(147,240,244)
```
#8ff5f8
```
#8ff5f8 rgb(143,245,248)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#c8dfdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e7f3 Protanopia 1% of men
#eee4ff Deuteranopia 1% of men
#b7f2ff Tritanopia 0.001% of the population

Trichromacy

#c6edf6 Protanomaly 1% of men, 0.01% of women
#c9ebfe Deuteranomaly 6% of men, 0.4% of women
#a6f4fe Tritanomaly 0.01% of the population

#8af9fd hex color

#8af9fd Color Information

#8af9fd Color Conversion

Color Schemes with #8af9fd

Alternatives to #8af9fd

#8af9fd Preview

Shades and Tints of #8af9fd

Tones of #8af9fd

Color Blindness Simulator