#9aa7f5 hex color

In a RGB color space, hex #9aa7f5 is composed of 60.4% red, 65.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 31.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 231.4 degrees, a saturation of 82% and a lightness of 78.2%. #9aa7f5 color hex could be obtained by blending #ffffff with #354feb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 60
- G 65
- B 96
RGB color chart
- C 37
- M 32
- Y 0
- K 4
CMYK color chart

● #9aa7f5 color description : Very soft blue.

The hexadecimal color #9aa7f5 has RGB values of R:154, G:167, B:245 and CMYK values of C:0.37, M:0.32, Y:0, K:0.04. Its decimal value is 10135541.

Hex triplet	9aa7f5	`#9aa7f5`
RGB Decimal	154, 167, 245	`rgb(154,167,245)`
RGB Percent	60.4, 65.5, 96.1	`rgb(60.4%,65.5%,96.1%)`
CMYK	37, 32, 0, 4
HSL	231.4°, 82, 78.2	`hsl(231.4,82%,78.2%)`
HSV (or HSB)	231.4°, 37.1, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.245, 13.936, -40.389
XYZ	43.623, 41.099, 92.016
xyY	0.247, 0.233, 41.099
CIE-LCH	70.245, 42.726, 289.037
CIE-LUV	70.245, -10.453, -66.863
Hunter-Lab	64.108, 9.272, -40.224
Binary	10011010, 10100111, 11110101

#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#f5e89a
```
#f5e89a rgb(245,232,154)
```

Complementary Color

#9ad5f5
```
#9ad5f5 rgb(154,213,245)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#bb9af5
```
#bb9af5 rgb(187,154,245)
```

Analogous Color

#d5f59a
```
#d5f59a rgb(213,245,154)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#f5bb9a
```
#f5bb9a rgb(245,187,154)
```

Split Complementary Color

#a7f59a
```
#a7f59a rgb(167,245,154)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#f59aa7
```
#f59aa7 rgb(245,154,167)
```

Triadic Color

#9af5e8
```
#9af5e8 rgb(154,245,232)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#f59aa7
```
#f59aa7 rgb(245,154,167)
```
#f5e89a
```
#f5e89a rgb(245,232,154)
```

Tetradic Color

#546aee
```
#546aee rgb(84,106,238)
```
#6c7ff0
```
#6c7ff0 rgb(108,127,240)
```
#8393f3
```
#8393f3 rgb(131,147,243)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#b1bbf7
```
#b1bbf7 rgb(177,187,247)
```
#c8cffa
```
#c8cffa rgb(200,207,250)
```
#e0e4fc
```
#e0e4fc rgb(224,228,252)
```

Monochromatic Color

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

#9abef5
```
#9abef5 rgb(154,190,245)
```
#9ab6f5
```
#9ab6f5 rgb(154,182,245)
```
#9aaff5
```
#9aaff5 rgb(154,175,245)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#9a9ff5
```
#9a9ff5 rgb(154,159,245)
```
#9c9af5
```
#9c9af5 rgb(156,154,245)
```
#a49af5
```
#a49af5 rgb(164,154,245)
```

Similar Colors

Text with hexadecimal color #9aa7f5

This text has a font color of #9aa7f5.

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

#9aa7f5 background color

This paragraph has a background color of #9aa7f5.

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

#9aa7f5 border color

This element has a border color of #9aa7f5.

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

CSS codes

.text {color:#9aa7f5;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020518
```
#020518 rgb(2,5,24)
```
#040a2a
```
#040a2a rgb(4,10,42)
```
#060e3c
```
#060e3c rgb(6,14,60)
```
#08124d
```
#08124d rgb(8,18,77)
```
#09165f
```
#09165f rgb(9,22,95)
```
#0b1a71
```
#0b1a71 rgb(11,26,113)
```
#0d1e83
```
#0d1e83 rgb(13,30,131)
```
#0f2295
```
#0f2295 rgb(15,34,149)
```
#1126a7
```
#1126a7 rgb(17,38,167)
```
#122ab9
```
#122ab9 rgb(18,42,185)
```
#142eca
```
#142eca rgb(20,46,202)
```
#1632dc
```
#1632dc rgb(22,50,220)
```

Shade Color Variation

#1d3ae9
```
#1d3ae9 rgb(29,58,233)
```
#2f4aea
```
#2f4aea rgb(47,74,234)
```
#4159ec
```
#4159ec rgb(65,89,236)
```
#5369ee
```
#5369ee rgb(83,105,238)
```
#6478f0
```
#6478f0 rgb(100,120,240)
```
#7688f1
```
#7688f1 rgb(118,136,241)
```
#8897f3
```
#8897f3 rgb(136,151,243)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#acb7f7
```
#acb7f7 rgb(172,183,247)
```
#bec6f9
```
#bec6f9 rgb(190,198,249)
```
#d0d6fa
```
#d0d6fa rgb(208,214,250)
```
#e1e5fc
```
#e1e5fc rgb(225,229,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#c5c5ca
```
#c5c5ca rgb(197,197,202)
```
#c0c2cf
```
#c0c2cf rgb(192,194,207)
```
#bcbfd3
```
#bcbfd3 rgb(188,191,211)
```
#b8bcd7
```
#b8bcd7 rgb(184,188,215)
```
#b4b9db
```
#b4b9db rgb(180,185,219)
```
#afb6e0
```
#afb6e0 rgb(175,182,224)
```
#abb3e4
```
#abb3e4 rgb(171,179,228)
```
#a7b0e8
```
#a7b0e8 rgb(167,176,232)
```
#a3adec
```
#a3adec rgb(163,173,236)
```
#9eaaf1
```
#9eaaf1 rgb(158,170,241)
```
#9aa7f5
```
#9aa7f5 rgb(154,167,245)
```
#96a4f9
```
#96a4f9 rgb(150,164,249)
```
#91a1fe
```
#91a1fe rgb(145,161,254)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a8abbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#96adf6 Protanopia 1% of men
#93aef4 Deuteranopia 1% of men
#90b6c3 Tritanopia 0.001% of the population

Trichromacy

#97abf6 Protanomaly 1% of men, 0.01% of women
#95abf4 Deuteranomaly 6% of men, 0.4% of women
#93b0d5 Tritanomaly 0.01% of the population

#9aa7f5 hex color

#9aa7f5 Color Information

#9aa7f5 Color Conversion

Color Schemes with #9aa7f5

Alternatives to #9aa7f5

#9aa7f5 Preview

Shades and Tints of #9aa7f5

Tones of #9aa7f5

Color Blindness Simulator