#9ac2ed hex color

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

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

● #9ac2ed color description : Very soft blue.

The hexadecimal color #9ac2ed has RGB values of R:154, G:194, B:237 and CMYK values of C:0.35, M:0.18, Y:0, K:0.07. Its decimal value is 10142445.

Hex triplet	9ac2ed	`#9ac2ed`
RGB Decimal	154, 194, 237	`rgb(154,194,237)`
RGB Percent	60.4, 76.1, 92.9	`rgb(60.4%,76.1%,92.9%)`
CMYK	35, 18, 0, 7
HSL	211.1°, 69.7, 76.7	`hsl(211.1,69.7%,76.7%)`
HSV (or HSB)	211.1°, 35, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.021, -3.054, -25.594
XYZ	47.901, 51.566, 87.545
xyY	0.256, 0.276, 51.566
CIE-LCH	77.021, 25.776, 263.196
CIE-LUV	77.021, -21.116, -40.266
Hunter-Lab	71.81, -6.598, -22.016
Binary	10011010, 11000010, 11101101

#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#edc59a
```
#edc59a rgb(237,197,154)
```

Complementary Color

#9aeced
```
#9aeced rgb(154,236,237)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#9c9aed
```
#9c9aed rgb(156,154,237)
```

Analogous Color

#eced9a
```
#eced9a rgb(236,237,154)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#ed9c9a
```
#ed9c9a rgb(237,156,154)
```

Split Complementary Color

#c2ed9a
```
#c2ed9a rgb(194,237,154)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#ed9ac2
```
#ed9ac2 rgb(237,154,194)
```

Triadic Color

#9aedc5
```
#9aedc5 rgb(154,237,197)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#ed9ac2
```
#ed9ac2 rgb(237,154,194)
```
#edc59a
```
#edc59a rgb(237,197,154)
```

Tetradic Color

#599be1
```
#599be1 rgb(89,155,225)
```
#6fa8e5
```
#6fa8e5 rgb(111,168,229)
```
#84b5e9
```
#84b5e9 rgb(132,181,233)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#b0cff1
```
#b0cff1 rgb(176,207,241)
```
#c5dcf5
```
#c5dcf5 rgb(197,220,245)
```
#dbe9f9
```
#dbe9f9 rgb(219,233,249)
```

Monochromatic Color

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

#9ad7ed
```
#9ad7ed rgb(154,215,237)
```
#9ad0ed
```
#9ad0ed rgb(154,208,237)
```
#9ac9ed
```
#9ac9ed rgb(154,201,237)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#9abbed
```
#9abbed rgb(154,187,237)
```
#9ab4ed
```
#9ab4ed rgb(154,180,237)
```
#9aaded
```
#9aaded rgb(154,173,237)
```

Similar Colors

Text with hexadecimal color #9ac2ed

This text has a font color of #9ac2ed.

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

#9ac2ed background color

This paragraph has a background color of #9ac2ed.

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

#9ac2ed border color

This element has a border color of #9ac2ed.

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

CSS codes

.text {color:#9ac2ed;}

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

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

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)
```
#061220
```
#061220 rgb(6,18,32)
```
#091c31
```
#091c31 rgb(9,28,49)
```
#0c2641
```
#0c2641 rgb(12,38,65)
```
#0f2f52
```
#0f2f52 rgb(15,47,82)
```
#123963
```
#123963 rgb(18,57,99)
```
#154273
```
#154273 rgb(21,66,115)
```
#184c84
```
#184c84 rgb(24,76,132)
```
#1b5595
```
#1b5595 rgb(27,85,149)
```
#1d5fa5
```
#1d5fa5 rgb(29,95,165)
```
#2069b6
```
#2069b6 rgb(32,105,182)
```
#2372c7
```
#2372c7 rgb(35,114,199)
```
#267cd7
```
#267cd7 rgb(38,124,215)
```

Shade Color Variation

#3686db
```
#3686db rgb(54,134,219)
```
#4790de
```
#4790de rgb(71,144,222)
```
#579ae1
```
#579ae1 rgb(87,154,225)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#79aee7
```
#79aee7 rgb(121,174,231)
```
#89b8ea
```
#89b8ea rgb(137,184,234)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#abccf0
```
#abccf0 rgb(171,204,240)
```
#bbd6f3
```
#bbd6f3 rgb(187,214,243)
```
#cce0f6
```
#cce0f6 rgb(204,224,246)
```
#ddeaf9
```
#ddeaf9 rgb(221,234,249)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c3c3c4
```
#c3c3c4 rgb(195,195,196)
```
#bfc3c8
```
#bfc3c8 rgb(191,195,200)
```
#bac3cd
```
#bac3cd rgb(186,195,205)
```
#b5c3d2
```
#b5c3d2 rgb(181,195,210)
```
#b1c3d6
```
#b1c3d6 rgb(177,195,214)
```
#acc3db
```
#acc3db rgb(172,195,219)
```
#a8c2df
```
#a8c2df rgb(168,194,223)
```
#a3c2e4
```
#a3c2e4 rgb(163,194,228)
```
#9fc2e8
```
#9fc2e8 rgb(159,194,232)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#95c2f2
```
#95c2f2 rgb(149,194,242)
```
#91c2f6
```
#91c2f6 rgb(145,194,246)
```
#8cc2fb
```
#8cc2fb rgb(140,194,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b4bcc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bfea Protanopia 1% of men
#b9bef0 Deuteranopia 1% of men
#98c9d7 Tritanopia 0.001% of the population

Trichromacy

#acc0eb Protanomaly 1% of men, 0.01% of women
#aebfef Deuteranomaly 6% of men, 0.4% of women
#99c6df Tritanomaly 0.01% of the population

#9ac2ed hex color

#9ac2ed Color Information

#9ac2ed Color Conversion

Color Schemes with #9ac2ed

Alternatives to #9ac2ed

#9ac2ed Preview

Shades and Tints of #9ac2ed

Tones of #9ac2ed

Color Blindness Simulator