#9ac2fe hex color

In a RGB color space, hex #9ac2fe is composed of 60.4% red, 76.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 23.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 216 degrees, a saturation of 98% and a lightness of 80%. #9ac2fe color hex could be obtained by blending #ffffff with #3585fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 60
- G 76
- B 100
RGB color chart
- C 39
- M 24
- Y 0
- K 0
CMYK color chart

● #9ac2fe color description : Very soft blue.

The hexadecimal color #9ac2fe has RGB values of R:154, G:194, B:254 and CMYK values of C:0.39, M:0.24, Y:0, K:0. Its decimal value is 10142462.

Hex triplet	9ac2fe	`#9ac2fe`
RGB Decimal	154, 194, 254	`rgb(154,194,254)`
RGB Percent	60.4, 76.1, 99.6	`rgb(60.4%,76.1%,99.6%)`
CMYK	39, 24, 0, 0
HSL	216°, 98, 80	`hsl(216,98%,80%)`
HSV (or HSB)	216°, 39.4, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.643, 1.346, -33.762
XYZ	50.504, 52.607, 101.254
xyY	0.247, 0.257, 52.607
CIE-LCH	77.643, 33.789, 272.283
CIE-LUV	77.643, -21.355, -54.748
Hunter-Lab	72.531, -2.639, -31.997
Binary	10011010, 11000010, 11111110

#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#fed69a
```
#fed69a rgb(254,214,154)
```

Complementary Color

#9af4fe
```
#9af4fe rgb(154,244,254)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#a49afe
```
#a49afe rgb(164,154,254)
```

Analogous Color

#f4fe9a
```
#f4fe9a rgb(244,254,154)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#fea49a
```
#fea49a rgb(254,164,154)
```

Split Complementary Color

#c2fe9a
```
#c2fe9a rgb(194,254,154)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#fe9ac2
```
#fe9ac2 rgb(254,154,194)
```

Triadic Color

#9afed6
```
#9afed6 rgb(154,254,214)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#fe9ac2
```
#fe9ac2 rgb(254,154,194)
```
#fed69a
```
#fed69a rgb(254,214,154)
```

Tetradic Color

#4e94fd
```
#4e94fd rgb(78,148,253)
```
#68a4fe
```
#68a4fe rgb(104,164,254)
```
#81b3fe
```
#81b3fe rgb(129,179,254)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#b3d1fe
```
#b3d1fe rgb(179,209,254)
```
#cde1ff
```
#cde1ff rgb(205,225,255)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```

Monochromatic Color

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

#9adbfe
```
#9adbfe rgb(154,219,254)
```
#9ad3fe
```
#9ad3fe rgb(154,211,254)
```
#9acafe
```
#9acafe rgb(154,202,254)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#9abafe
```
#9abafe rgb(154,186,254)
```
#9ab1fe
```
#9ab1fe rgb(154,177,254)
```
#9aa9fe
```
#9aa9fe rgb(154,169,254)
```

Similar Colors

Text with hexadecimal color #9ac2fe

This text has a font color of #9ac2fe.

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

#9ac2fe background color

This paragraph has a background color of #9ac2fe.

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

#9ac2fe border color

This element has a border color of #9ac2fe.

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

CSS codes

.text {color:#9ac2fe;}

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

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

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

#000610
```
#000610 rgb(0,6,16)
```
#000e23
```
#000e23 rgb(0,14,35)
```
#011636
```
#011636 rgb(1,22,54)
```
#011e4a
```
#011e4a rgb(1,30,74)
```
#01265d
```
#01265d rgb(1,38,93)
```
#012e71
```
#012e71 rgb(1,46,113)
```
#013684
```
#013684 rgb(1,54,132)
```
#013e98
```
#013e98 rgb(1,62,152)
```
#0245ab
```
#0245ab rgb(2,69,171)
```
#024dbe
```
#024dbe rgb(2,77,190)
```
#0255d2
```
#0255d2 rgb(2,85,210)
```
#025de5
```
#025de5 rgb(2,93,229)
```
#0265f9
```
#0265f9 rgb(2,101,249)
```

Shade Color Variation

#1270fd
```
#1270fd rgb(18,112,253)
```
#257cfd
```
#257cfd rgb(37,124,253)
```
#3987fd
```
#3987fd rgb(57,135,253)
```
#4c93fd
```
#4c93fd rgb(76,147,253)
```
#609ffd
```
#609ffd rgb(96,159,253)
```
#73abfe
```
#73abfe rgb(115,171,254)
```
#87b6fe
```
#87b6fe rgb(135,182,254)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```
#adcefe
```
#adcefe rgb(173,206,254)
```
#c1d9fe
```
#c1d9fe rgb(193,217,254)
```
#d4e5ff
```
#d4e5ff rgb(212,229,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#c9cbcf
```
#c9cbcf rgb(201,203,207)
```
#c5cbd3
```
#c5cbd3 rgb(197,203,211)
```
#c1cad7
```
#c1cad7 rgb(193,202,215)
```
#bdc9db
```
#bdc9db rgb(189,201,219)
```
#b9c8df
```
#b9c8df rgb(185,200,223)
```
#b5c7e3
```
#b5c7e3 rgb(181,199,227)
```
#b2c7e6
```
#b2c7e6 rgb(178,199,230)
```
#aec6ea
```
#aec6ea rgb(174,198,234)
```
#aac5ee
```
#aac5ee rgb(170,197,238)
```
#a6c4f2
```
#a6c4f2 rgb(166,196,242)
```
#a2c4f6
```
#a2c4f6 rgb(162,196,246)
```
#9ec3fa
```
#9ec3fa rgb(158,195,250)
```
#9ac2fe
```
#9ac2fe rgb(154,194,254)
```

Tone Color Variation

Below, you can see how #9ac2fe 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
#b6beca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2c1fb Protanopia 1% of men
#b1c0ff Deuteranopia 1% of men
#93cbda Tritanopia 0.001% of the population

Trichromacy

#a9c1fc Protanomaly 1% of men, 0.01% of women
#a8c1fe Deuteranomaly 6% of men, 0.4% of women
#96c8e7 Tritanomaly 0.01% of the population

#9ac2fe hex color

#9ac2fe Color Information

#9ac2fe Color Conversion

Color Schemes with #9ac2fe

Alternatives to #9ac2fe

#9ac2fe Preview

Shades and Tints of #9ac2fe

Tones of #9ac2fe

Color Blindness Simulator