#9af5fa hex color

In a RGB color space, hex #9af5fa is composed of 60.4% red, 96.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 2% magenta, 0% yellow and 2% black. It has a hue angle of 183.1 degrees, a saturation of 90.6% and a lightness of 79.2%. #9af5fa color hex could be obtained by blending #ffffff with #35ebf5. Closest websafe color is: #99ffff.

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

● #9af5fa color description : Very soft cyan.

The hexadecimal color #9af5fa has RGB values of R:154, G:245, B:250 and CMYK values of C:0.38, M:0.02, Y:0, K:0.02. Its decimal value is 10155514.

Hex triplet	9af5fa	`#9af5fa`
RGB Decimal	154, 245, 250	`rgb(154,245,250)`
RGB Percent	60.4, 96.1, 98	`rgb(60.4%,96.1%,98%)`
CMYK	38, 2, 0, 2
HSL	183.1°, 90.6, 79.2	`hsl(183.1,90.6%,79.2%)`
HSV (or HSB)	183.1°, 38.4, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.268, -25.881, -10.985
XYZ	63.23, 79.074, 102.368
xyY	0.258, 0.323, 79.074
CIE-LCH	91.268, 28.115, 202.998
CIE-LUV	91.268, -41.932, -13.168
Hunter-Lab	88.923, -28.692, -6.008
Binary	10011010, 11110101, 11111010

#9af5fa
```
#9af5fa rgb(154,245,250)
```
#fa9f9a
```
#fa9f9a rgb(250,159,154)
```

Complementary Color

#9afacf
```
#9afacf rgb(154,250,207)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#9ac5fa
```
#9ac5fa rgb(154,197,250)
```

Analogous Color

#facf9a
```
#facf9a rgb(250,207,154)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#fa9ac5
```
#fa9ac5 rgb(250,154,197)
```

Split Complementary Color

#f5fa9a
```
#f5fa9a rgb(245,250,154)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#fa9af5
```
#fa9af5 rgb(250,154,245)
```

Triadic Color

#9afa9f
```
#9afa9f rgb(154,250,159)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#fa9af5
```
#fa9af5 rgb(250,154,245)
```
#fa9f9a
```
#fa9f9a rgb(250,159,154)
```

Tetradic Color

#51eef6
```
#51eef6 rgb(81,238,246)
```
#69f0f8
```
#69f0f8 rgb(105,240,248)
```
#82f3f9
```
#82f3f9 rgb(130,243,249)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#b2f7fb
```
#b2f7fb rgb(178,247,251)
```
#cbfafc
```
#cbfafc rgb(203,250,252)
```
#e3fcfe
```
#e3fcfe rgb(227,252,254)
```

Monochromatic Color

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

#9afae7
```
#9afae7 rgb(154,250,231)
```
#9afaef
```
#9afaef rgb(154,250,239)
```
#9afaf7
```
#9afaf7 rgb(154,250,247)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#9aedfa
```
#9aedfa rgb(154,237,250)
```
#9ae5fa
```
#9ae5fa rgb(154,229,250)
```
#9addfa
```
#9addfa rgb(154,221,250)
```

Similar Colors

Text with hexadecimal color #9af5fa

This text has a font color of #9af5fa.

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

#9af5fa background color

This paragraph has a background color of #9af5fa.

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

#9af5fa border color

This element has a border color of #9af5fa.

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

CSS codes

.text {color:#9af5fa;}

.background {background-color:#9af5fa;}

.border {border:1px solid #9af5fa;}

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, #010b0b is the darkest color, while #f7feff is the lightest one.

#010b0b
```
#010b0b rgb(1,11,11)
```
#011c1e
```
#011c1e rgb(1,28,30)
```
#022e31
```
#022e31 rgb(2,46,49)
```
#034043
```
#034043 rgb(3,64,67)
```
#045256
```
#045256 rgb(4,82,86)
```
#056369
```
#056369 rgb(5,99,105)
```
#06757b
```
#06757b rgb(6,117,123)
```
#07878e
```
#07878e rgb(7,135,142)
```
#0899a1
```
#0899a1 rgb(8,153,161)
```
#09aab3
```
#09aab3 rgb(9,170,179)
```
#0abcc6
```
#0abcc6 rgb(10,188,198)
```
#0bced9
```
#0bced9 rgb(11,206,217)
```
#0ce0eb
```
#0ce0eb rgb(12,224,235)
```

Shade Color Variation

#17e8f4
```
#17e8f4 rgb(23,232,244)
```
#2aeaf4
```
#2aeaf4 rgb(42,234,244)
```
#3decf5
```
#3decf5 rgb(61,236,245)
```
#4feef6
```
#4feef6 rgb(79,238,246)
```
#62eff7
```
#62eff7 rgb(98,239,247)
```
#75f1f8
```
#75f1f8 rgb(117,241,248)
```
#87f3f9
```
#87f3f9 rgb(135,243,249)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#adf7fb
```
#adf7fb rgb(173,247,251)
```
#bff9fc
```
#bff9fc rgb(191,249,252)
```
#d2fbfd
```
#d2fbfd rgb(210,251,253)
```
#e5fcfe
```
#e5fcfe rgb(229,252,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#c7cdcd
```
#c7cdcd rgb(199,205,205)
```
#c3d0d1
```
#c3d0d1 rgb(195,208,209)
```
#bfd4d5
```
#bfd4d5 rgb(191,212,213)
```
#bbd8d9
```
#bbd8d9 rgb(187,216,217)
```
#b7dbdd
```
#b7dbdd rgb(183,219,221)
```
#b2dfe2
```
#b2dfe2 rgb(178,223,226)
```
#aee3e6
```
#aee3e6 rgb(174,227,230)
```
#aae6ea
```
#aae6ea rgb(170,230,234)
```
#a6eaee
```
#a6eaee rgb(166,234,238)
```
#a2eef2
```
#a2eef2 rgb(162,238,242)
```
#9ef1f6
```
#9ef1f6 rgb(158,241,246)
```
#9af5fa
```
#9af5fa rgb(154,245,250)
```
#96f9fe
```
#96f9fe rgb(150,249,254)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#cddfe0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f1 Protanopia 1% of men
#efe2ff Deuteranopia 1% of men
#b5f0ff Tritanopia 0.001% of the population

Trichromacy

#cbebf4 Protanomaly 1% of men, 0.01% of women
#d0e9fd Deuteranomaly 6% of men, 0.4% of women
#abf2fd Tritanomaly 0.01% of the population

#9af5fa hex color

#9af5fa Color Information

#9af5fa Color Conversion

Color Schemes with #9af5fa

Alternatives to #9af5fa

#9af5fa Preview

Shades and Tints of #9af5fa

Tones of #9af5fa

Color Blindness Simulator