#9ad5f0 hex color

In a RGB color space, hex #9ad5f0 is composed of 60.4% red, 83.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 11.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.8 degrees, a saturation of 74.1% and a lightness of 77.3%. #9ad5f0 color hex could be obtained by blending #ffffff with #35abe1. Closest websafe color is: #99ccff.

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

● #9ad5f0 color description : Very soft blue.

The hexadecimal color #9ad5f0 has RGB values of R:154, G:213, B:240 and CMYK values of C:0.36, M:0.11, Y:0, K:0.06. Its decimal value is 10147312.

Hex triplet	9ad5f0	`#9ad5f0`
RGB Decimal	154, 213, 240	`rgb(154,213,240)`
RGB Percent	60.4, 83.5, 94.1	`rgb(60.4%,83.5%,94.1%)`
CMYK	36, 11, 0, 6
HSL	198.8°, 74.1, 77.3	`hsl(198.8,74.1%,77.3%)`
HSV (or HSB)	198.8°, 35.8, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.243, -12.318, -19.263
XYZ	52.845, 60.748, 91.374
xyY	0.258, 0.296, 60.748
CIE-LCH	82.243, 22.865, 237.402
CIE-LUV	82.243, -28.997, -28.631
Hunter-Lab	77.941, -15.37, -14.95
Binary	10011010, 11010101, 11110000

#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#f0b59a
```
#f0b59a rgb(240,181,154)
```

Complementary Color

#9af0e0
```
#9af0e0 rgb(154,240,224)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#9aaaf0
```
#9aaaf0 rgb(154,170,240)
```

Analogous Color

#f0e09a
```
#f0e09a rgb(240,224,154)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#f09aaa
```
#f09aaa rgb(240,154,170)
```

Split Complementary Color

#d5f09a
```
#d5f09a rgb(213,240,154)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#f09ad5
```
#f09ad5 rgb(240,154,213)
```

Triadic Color

#9af0b5
```
#9af0b5 rgb(154,240,181)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#f09ad5
```
#f09ad5 rgb(240,154,213)
```
#f0b59a
```
#f0b59a rgb(240,181,154)
```

Tetradic Color

#57b9e6
```
#57b9e6 rgb(87,185,230)
```
#6ec3e9
```
#6ec3e9 rgb(110,195,233)
```
#84cced
```
#84cced rgb(132,204,237)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#b0def3
```
#b0def3 rgb(176,222,243)
```
#c6e7f7
```
#c6e7f7 rgb(198,231,247)
```
#ddf1fa
```
#ddf1fa rgb(221,241,250)
```

Monochromatic Color

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

#9aebf0
```
#9aebf0 rgb(154,235,240)
```
#9ae3f0
```
#9ae3f0 rgb(154,227,240)
```
#9adcf0
```
#9adcf0 rgb(154,220,240)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#9acef0
```
#9acef0 rgb(154,206,240)
```
#9ac7f0
```
#9ac7f0 rgb(154,199,240)
```
#9ac0f0
```
#9ac0f0 rgb(154,192,240)
```

Similar Colors

Text with hexadecimal color #9ad5f0

This text has a font color of #9ad5f0.

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

#9ad5f0 background color

This paragraph has a background color of #9ad5f0.

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

#9ad5f0 border color

This element has a border color of #9ad5f0.

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

CSS codes

.text {color:#9ad5f0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#051a24
```
#051a24 rgb(5,26,36)
```
#082735
```
#082735 rgb(8,39,53)
```
#0a3346
```
#0a3346 rgb(10,51,70)
```
#0d4057
```
#0d4057 rgb(13,64,87)
```
#0f4c68
```
#0f4c68 rgb(15,76,104)
```
#125979
```
#125979 rgb(18,89,121)
```
#15658a
```
#15658a rgb(21,101,138)
```
#17729b
```
#17729b rgb(23,114,155)
```
#1a7eac
```
#1a7eac rgb(26,126,172)
```
#1c8bbd
```
#1c8bbd rgb(28,139,189)
```
#1f97ce
```
#1f97ce rgb(31,151,206)
```

Shade Color Variation

#22a3de
```
#22a3de rgb(34,163,222)
```
#34aae1
```
#34aae1 rgb(52,170,225)
```
#45b1e3
```
#45b1e3 rgb(69,177,227)
```
#56b9e6
```
#56b9e6 rgb(86,185,230)
```
#67c0e8
```
#67c0e8 rgb(103,192,232)
```
#78c7eb
```
#78c7eb rgb(120,199,235)
```
#89ceed
```
#89ceed rgb(137,206,237)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#abdcf3
```
#abdcf3 rgb(171,220,243)
```
#bce3f5
```
#bce3f5 rgb(188,227,245)
```
#cdeaf8
```
#cdeaf8 rgb(205,234,248)
```
#def1fa
```
#def1fa rgb(222,241,250)
```
#eff9fd
```
#eff9fd rgb(239,249,253)
```

Tint Color Variation

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

#c2c6c8
```
#c2c6c8 rgb(194,198,200)
```
#bec8cc
```
#bec8cc rgb(190,200,204)
```
#b9c9d1
```
#b9c9d1 rgb(185,201,209)
```
#b5cbd5
```
#b5cbd5 rgb(181,203,213)
```
#b0cdda
```
#b0cdda rgb(176,205,218)
```
#accede
```
#accede rgb(172,206,222)
```
#a7d0e3
```
#a7d0e3 rgb(167,208,227)
```
#a3d2e7
```
#a3d2e7 rgb(163,210,231)
```
#9ed3ec
```
#9ed3ec rgb(158,211,236)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#96d7f4
```
#96d7f4 rgb(150,215,244)
```
#91d8f9
```
#91d8f9 rgb(145,216,249)
```
#8ddafd
```
#8ddafd rgb(141,218,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#bdc9ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cdeb Protanopia 1% of men
#cecaf5 Deuteranopia 1% of men
#9cd8e8 Tritanopia 0.001% of the population

Trichromacy

#b8d0ec Protanomaly 1% of men, 0.01% of women
#bbcef3 Deuteranomaly 6% of men, 0.4% of women
#9bd7eb Tritanomaly 0.01% of the population

#9ad5f0 hex color

#9ad5f0 Color Information

#9ad5f0 Color Conversion

Color Schemes with #9ad5f0

Alternatives to #9ad5f0

#9ad5f0 Preview

Shades and Tints of #9ad5f0

Tones of #9ad5f0

Color Blindness Simulator