#9aadf0 hex color

In a RGB color space, hex #9aadf0 is composed of 60.4% red, 67.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 27.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 226.7 degrees, a saturation of 74.1% and a lightness of 77.3%. #9aadf0 color hex could be obtained by blending #ffffff with #355be1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 60
- G 68
- B 94
RGB color chart
- C 36
- M 28
- Y 0
- K 6
CMYK color chart

● #9aadf0 color description : Very soft blue.

The hexadecimal color #9aadf0 has RGB values of R:154, G:173, B:240 and CMYK values of C:0.36, M:0.28, Y:0, K:0.06. Its decimal value is 10137072.

Hex triplet	9aadf0	`#9aadf0`
RGB Decimal	154, 173, 240	`rgb(154,173,240)`
RGB Percent	60.4, 67.8, 94.1	`rgb(60.4%,67.8%,94.1%)`
CMYK	36, 28, 0, 6
HSL	226.7°, 74.1, 77.3	`hsl(226.7,74.1%,77.3%)`
HSV (or HSB)	226.7°, 35.8, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.587, 9.244, -35.583
XYZ	43.995, 43.047, 88.424
xyY	0.251, 0.245, 43.047
CIE-LCH	71.587, 36.764, 284.563
CIE-LUV	71.587, -12.622, -58.3
Hunter-Lab	65.61, 4.875, -33.979
Binary	10011010, 10101101, 11110000

#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#f0dd9a
```
#f0dd9a rgb(240,221,154)
```

Complementary Color

#9ad8f0
```
#9ad8f0 rgb(154,216,240)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#b29af0
```
#b29af0 rgb(178,154,240)
```

Analogous Color

#d8f09a
```
#d8f09a rgb(216,240,154)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#f0b29a
```
#f0b29a rgb(240,178,154)
```

Split Complementary Color

#adf09a
```
#adf09a rgb(173,240,154)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#f09aad
```
#f09aad rgb(240,154,173)
```

Triadic Color

#9af0dd
```
#9af0dd rgb(154,240,221)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#f09aad
```
#f09aad rgb(240,154,173)
```
#f0dd9a
```
#f0dd9a rgb(240,221,154)
```

Tetradic Color

#5777e6
```
#5777e6 rgb(87,119,230)
```
#6e89e9
```
#6e89e9 rgb(110,137,233)
```
#849bed
```
#849bed rgb(132,155,237)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#b0bff3
```
#b0bff3 rgb(176,191,243)
```
#c6d1f7
```
#c6d1f7 rgb(198,209,247)
```
#dde3fa
```
#dde3fa rgb(221,227,250)
```

Monochromatic Color

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

#9ac3f0
```
#9ac3f0 rgb(154,195,240)
```
#9abbf0
```
#9abbf0 rgb(154,187,240)
```
#9ab4f0
```
#9ab4f0 rgb(154,180,240)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#9aa6f0
```
#9aa6f0 rgb(154,166,240)
```
#9a9ff0
```
#9a9ff0 rgb(154,159,240)
```
#9d9af0
```
#9d9af0 rgb(157,154,240)
```

Similar Colors

Text with hexadecimal color #9aadf0

This text has a font color of #9aadf0.

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

#9aadf0 background color

This paragraph has a background color of #9aadf0.

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

#9aadf0 border color

This element has a border color of #9aadf0.

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

CSS codes

.text {color:#9aadf0;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030613
```
#030613 rgb(3,6,19)
```
#050c24
```
#050c24 rgb(5,12,36)
```
#081235
```
#081235 rgb(8,18,53)
```
#0a1746
```
#0a1746 rgb(10,23,70)
```
#0d1d57
```
#0d1d57 rgb(13,29,87)
```
#0f2368
```
#0f2368 rgb(15,35,104)
```
#122979
```
#122979 rgb(18,41,121)
```
#152e8a
```
#152e8a rgb(21,46,138)
```
#17349b
```
#17349b rgb(23,52,155)
```
#1a3aac
```
#1a3aac rgb(26,58,172)
```
#1c40bd
```
#1c40bd rgb(28,64,189)
```
#1f45ce
```
#1f45ce rgb(31,69,206)
```

Shade Color Variation

#224cde
```
#224cde rgb(34,76,222)
```
#345ae1
```
#345ae1 rgb(52,90,225)
```
#4568e3
```
#4568e3 rgb(69,104,227)
```
#5676e6
```
#5676e6 rgb(86,118,230)
```
#6783e8
```
#6783e8 rgb(103,131,232)
```
#7891eb
```
#7891eb rgb(120,145,235)
```
#899fed
```
#899fed rgb(137,159,237)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#abbbf3
```
#abbbf3 rgb(171,187,243)
```
#bcc9f5
```
#bcc9f5 rgb(188,201,245)
```
#cdd7f8
```
#cdd7f8 rgb(205,215,248)
```
#dee4fa
```
#dee4fa rgb(222,228,250)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#c2c3c8
```
#c2c3c8 rgb(194,195,200)
```
#bec1cc
```
#bec1cc rgb(190,193,204)
```
#b9bed1
```
#b9bed1 rgb(185,190,209)
```
#b5bcd5
```
#b5bcd5 rgb(181,188,213)
```
#b0b9da
```
#b0b9da rgb(176,185,218)
```
#acb7de
```
#acb7de rgb(172,183,222)
```
#a7b4e3
```
#a7b4e3 rgb(167,180,227)
```
#a3b2e7
```
#a3b2e7 rgb(163,178,231)
```
#9eafec
```
#9eafec rgb(158,175,236)
```
#9aadf0
```
#9aadf0 rgb(154,173,240)
```
#96abf4
```
#96abf4 rgb(150,171,244)
```
#91a8f9
```
#91a8f9 rgb(145,168,249)
```
#8da6fd
```
#8da6fd rgb(141,166,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#abafbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb1f0 Protanopia 1% of men
#9eb1f0 Deuteranopia 1% of men
#93b9c7 Tritanopia 0.001% of the population

Trichromacy

#9daff0 Protanomaly 1% of men, 0.01% of women
#9caff0 Deuteranomaly 6% of men, 0.4% of women
#95b5d5 Tritanomaly 0.01% of the population

#9aadf0 hex color

#9aadf0 Color Information

#9aadf0 Color Conversion

Color Schemes with #9aadf0

Alternatives to #9aadf0

#9aadf0 Preview

Shades and Tints of #9aadf0

Tones of #9aadf0

Color Blindness Simulator