#9aa2d1 hex color

In a RGB color space, hex #9aa2d1 is composed of 60.4% red, 63.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 22.5% magenta, 0% yellow and 18% black. It has a hue angle of 231.3 degrees, a saturation of 37.4% and a lightness of 71.2%. #9aa2d1 color hex could be obtained by blending #ffffff with #3545a3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 64
- B 82
RGB color chart
- C 26
- M 22
- Y 0
- K 18
CMYK color chart

● #9aa2d1 color description : Slightly desaturated blue.

The hexadecimal color #9aa2d1 has RGB values of R:154, G:162, B:209 and CMYK values of C:0.26, M:0.22, Y:0, K:0.18. Its decimal value is 10134225.

Hex triplet	9aa2d1	`#9aa2d1`
RGB Decimal	154, 162, 209	`rgb(154,162,209)`
RGB Percent	60.4, 63.5, 82	`rgb(60.4%,63.5%,82%)`
CMYK	26, 22, 0, 18
HSL	231.3°, 37.4, 71.2	`hsl(231.3,37.4%,71.2%)`
HSV (or HSB)	231.3°, 26.3, 82
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.512, 7.579, -24.874
XYZ	37.753, 37.314, 65.531
xyY	0.269, 0.265, 37.314
CIE-LCH	67.512, 26.003, 286.946
CIE-LUV	67.512, -6.723, -39.857
Hunter-Lab	61.085, 3.423, -20.846
Binary	10011010, 10100010, 11010001

#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#d1c99a
```
#d1c99a rgb(209,201,154)
```

Complementary Color

#9abed1
```
#9abed1 rgb(154,190,209)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#ae9ad1
```
#ae9ad1 rgb(174,154,209)
```

Analogous Color

#bed19a
```
#bed19a rgb(190,209,154)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#d1ae9a
```
#d1ae9a rgb(209,174,154)
```

Split Complementary Color

#a2d19a
```
#a2d19a rgb(162,209,154)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#d19aa2
```
#d19aa2 rgb(209,154,162)
```

Triadic Color

#9ad1c9
```
#9ad1c9 rgb(154,209,201)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#d19aa2
```
#d19aa2 rgb(209,154,162)
```
#d1c99a
```
#d1c99a rgb(209,201,154)
```

Tetradic Color

#6572b9
```
#6572b9 rgb(101,114,185)
```
#7782c1
```
#7782c1 rgb(119,130,193)
```
#8892c9
```
#8892c9 rgb(136,146,201)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#acb2d9
```
#acb2d9 rgb(172,178,217)
```
#bdc2e1
```
#bdc2e1 rgb(189,194,225)
```
#cfd2e9
```
#cfd2e9 rgb(207,210,233)
```

Monochromatic Color

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

#9ab0d1
```
#9ab0d1 rgb(154,176,209)
```
#9aabd1
```
#9aabd1 rgb(154,171,209)
```
#9aa7d1
```
#9aa7d1 rgb(154,167,209)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#9a9dd1
```
#9a9dd1 rgb(154,157,209)
```
#9b9ad1
```
#9b9ad1 rgb(155,154,209)
```
#a09ad1
```
#a09ad1 rgb(160,154,209)
```

Similar Colors

Text with hexadecimal color #9aa2d1

This text has a font color of #9aa2d1.

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

#9aa2d1 background color

This paragraph has a background color of #9aa2d1.

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

#9aa2d1 border color

This element has a border color of #9aa2d1.

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

CSS codes

.text {color:#9aa2d1;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090b14
```
#090b14 rgb(9,11,20)
```
#0f1222
```
#0f1222 rgb(15,18,34)
```
#16192f
```
#16192f rgb(22,25,47)
```
#1c203d
```
#1c203d rgb(28,32,61)
```
#22284a
```
#22284a rgb(34,40,74)
```
#282f58
```
#282f58 rgb(40,47,88)
```
#2e3665
```
#2e3665 rgb(46,54,101)
```
#343d73
```
#343d73 rgb(52,61,115)
```
#3a4480
```
#3a4480 rgb(58,68,128)
```
#404c8e
```
#404c8e rgb(64,76,142)
```
#47539b
```
#47539b rgb(71,83,155)
```
#4d5aa9
```
#4d5aa9 rgb(77,90,169)
```

Shade Color Variation

#5764b2
```
#5764b2 rgb(87,100,178)
```
#6470b8
```
#6470b8 rgb(100,112,184)
```
#727dbf
```
#727dbf rgb(114,125,191)
```
#7f89c5
```
#7f89c5 rgb(127,137,197)
```
#8d96cb
```
#8d96cb rgb(141,150,203)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#a7aed7
```
#a7aed7 rgb(167,174,215)
```
#b5bbdd
```
#b5bbdd rgb(181,187,221)
```
#c2c7e3
```
#c2c7e3 rgb(194,199,227)
```
#d0d4ea
```
#d0d4ea rgb(208,212,234)
```
#dde0f0
```
#dde0f0 rgb(221,224,240)
```
#ebecf6
```
#ebecf6 rgb(235,236,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#b1b2ba
```
#b1b2ba rgb(177,178,186)
```
#abaec0
```
#abaec0 rgb(171,174,192)
```
#a5aac6
```
#a5aac6 rgb(165,170,198)
```
#a0a6cb
```
#a0a6cb rgb(160,166,203)
```
#9aa2d1
```
#9aa2d1 rgb(154,162,209)
```
#949ed7
```
#949ed7 rgb(148,158,215)
```
#8f9adc
```
#8f9adc rgb(143,154,220)
```
#8996e2
```
#8996e2 rgb(137,150,226)
```
#8392e8
```
#8392e8 rgb(131,146,232)
```
#7e8eed
```
#7e8eed rgb(126,142,237)
```
#788af3
```
#788af3 rgb(120,138,243)
```
#7286f9
```
#7286f9 rgb(114,134,249)
```
#6d82fe
```
#6d82fe rgb(109,130,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da7d3 Protanopia 1% of men
#a1a6d3 Deuteranopia 1% of men
#98abb8 Tritanopia 0.001% of the population

Trichromacy

#9ba5d2 Protanomaly 1% of men, 0.01% of women
#9ea4d2 Deuteranomaly 6% of men, 0.4% of women
#99a8c1 Tritanomaly 0.01% of the population

#9aa2d1 hex color

#9aa2d1 Color Information

#9aa2d1 Color Conversion

Color Schemes with #9aa2d1

Alternatives to #9aa2d1

#9aa2d1 Preview

Shades and Tints of #9aa2d1

Tones of #9aa2d1

Color Blindness Simulator