#9ac5ed hex color

In a RGB color space, hex #9ac5ed is composed of 60.4% red, 77.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 16.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 208.9 degrees, a saturation of 69.7% and a lightness of 76.7%. #9ac5ed color hex could be obtained by blending #ffffff with #358bdb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 60
- G 77
- B 93
RGB color chart
- C 35
- M 17
- Y 0
- K 7
CMYK color chart

● #9ac5ed color description : Very soft blue.

The hexadecimal color #9ac5ed has RGB values of R:154, G:197, B:237 and CMYK values of C:0.35, M:0.17, Y:0, K:0.07. Its decimal value is 10143213.

Hex triplet	9ac5ed	`#9ac5ed`
RGB Decimal	154, 197, 237	`rgb(154,197,237)`
RGB Percent	60.4, 77.3, 92.9	`rgb(60.4%,77.3%,92.9%)`
CMYK	35, 17, 0, 7
HSL	208.9°, 69.7, 76.7	`hsl(208.9,69.7%,76.7%)`
HSV (or HSB)	208.9°, 35, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.825, -4.661, -24.367
XYZ	48.575, 52.915, 87.77
xyY	0.257, 0.28, 52.915
CIE-LCH	77.825, 24.809, 259.171
CIE-LUV	77.825, -22.358, -38.033
Hunter-Lab	72.743, -8.103, -20.618
Binary	10011010, 11000101, 11101101

#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#edc29a
```
#edc29a rgb(237,194,154)
```

Complementary Color

#9aedec
```
#9aedec rgb(154,237,236)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#9a9ced
```
#9a9ced rgb(154,156,237)
```

Analogous Color

#edec9a
```
#edec9a rgb(237,236,154)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#ed9a9c
```
#ed9a9c rgb(237,154,156)
```

Split Complementary Color

#c5ed9a
```
#c5ed9a rgb(197,237,154)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#ed9ac5
```
#ed9ac5 rgb(237,154,197)
```

Triadic Color

#9aedc2
```
#9aedc2 rgb(154,237,194)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#ed9ac5
```
#ed9ac5 rgb(237,154,197)
```
#edc29a
```
#edc29a rgb(237,194,154)
```

Tetradic Color

#59a0e1
```
#59a0e1 rgb(89,160,225)
```
#6face5
```
#6face5 rgb(111,172,229)
```
#84b9e9
```
#84b9e9 rgb(132,185,233)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#b0d1f1
```
#b0d1f1 rgb(176,209,241)
```
#c5def5
```
#c5def5 rgb(197,222,245)
```
#dbeaf9
```
#dbeaf9 rgb(219,234,249)
```

Monochromatic Color

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

#9adaed
```
#9adaed rgb(154,218,237)
```
#9ad3ed
```
#9ad3ed rgb(154,211,237)
```
#9acced
```
#9acced rgb(154,204,237)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#9abeed
```
#9abeed rgb(154,190,237)
```
#9ab7ed
```
#9ab7ed rgb(154,183,237)
```
#9ab0ed
```
#9ab0ed rgb(154,176,237)
```

Similar Colors

Text with hexadecimal color #9ac5ed

This text has a font color of #9ac5ed.

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

#9ac5ed background color

This paragraph has a background color of #9ac5ed.

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

#9ac5ed border color

This element has a border color of #9ac5ed.

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

CSS codes

.text {color:#9ac5ed;}

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

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

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

#030910
```
#030910 rgb(3,9,16)
```
#061320
```
#061320 rgb(6,19,32)
```
#091d31
```
#091d31 rgb(9,29,49)
```
#0c2841
```
#0c2841 rgb(12,40,65)
```
#0f3252
```
#0f3252 rgb(15,50,82)
```
#123c63
```
#123c63 rgb(18,60,99)
```
#154673
```
#154673 rgb(21,70,115)
```
#185084
```
#185084 rgb(24,80,132)
```
#1b5a95
```
#1b5a95 rgb(27,90,149)
```
#1d64a5
```
#1d64a5 rgb(29,100,165)
```
#206eb6
```
#206eb6 rgb(32,110,182)
```
#2378c7
```
#2378c7 rgb(35,120,199)
```
#2682d7
```
#2682d7 rgb(38,130,215)
```

Shade Color Variation

#368cdb
```
#368cdb rgb(54,140,219)
```
#4795de
```
#4795de rgb(71,149,222)
```
#579fe1
```
#579fe1 rgb(87,159,225)
```
#68a8e4
```
#68a8e4 rgb(104,168,228)
```
#79b2e7
```
#79b2e7 rgb(121,178,231)
```
#89bbea
```
#89bbea rgb(137,187,234)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#abcff0
```
#abcff0 rgb(171,207,240)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#cce2f6
```
#cce2f6 rgb(204,226,246)
```
#ddebf9
```
#ddebf9 rgb(221,235,249)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c3c4c4
```
#c3c4c4 rgb(195,196,196)
```
#bfc4c8
```
#bfc4c8 rgb(191,196,200)
```
#bac4cd
```
#bac4cd rgb(186,196,205)
```
#b5c4d2
```
#b5c4d2 rgb(181,196,210)
```
#b1c4d6
```
#b1c4d6 rgb(177,196,214)
```
#acc4db
```
#acc4db rgb(172,196,219)
```
#a8c5df
```
#a8c5df rgb(168,197,223)
```
#a3c5e4
```
#a3c5e4 rgb(163,197,228)
```
#9fc5e8
```
#9fc5e8 rgb(159,197,232)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#95c5f2
```
#95c5f2 rgb(149,197,242)
```
#91c5f6
```
#91c5f6 rgb(145,197,246)
```
#8cc5fb
```
#8cc5fb rgb(140,197,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b6bfc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac1ea Protanopia 1% of men
#bdc0f0 Deuteranopia 1% of men
#99cbda Tritanopia 0.001% of the population

Trichromacy

#aec3eb Protanomaly 1% of men, 0.01% of women
#b0c1ef Deuteranomaly 6% of men, 0.4% of women
#99c9e1 Tritanomaly 0.01% of the population

#9ac5ed hex color

#9ac5ed Color Information

#9ac5ed Color Conversion

Color Schemes with #9ac5ed

Alternatives to #9ac5ed

#9ac5ed Preview

Shades and Tints of #9ac5ed

Tones of #9ac5ed

Color Blindness Simulator