#9caaec hex color

In a RGB color space, hex #9caaec is composed of 61.2% red, 66.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 28% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.5 degrees, a saturation of 67.8% and a lightness of 76.9%. #9caaec color hex could be obtained by blending #ffffff with #3955d9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 67
- B 93
RGB color chart
- C 34
- M 28
- Y 0
- K 7
CMYK color chart

● #9caaec color description : Very soft blue.

The hexadecimal color #9caaec has RGB values of R:156, G:170, B:236 and CMYK values of C:0.34, M:0.28, Y:0, K:0.07. Its decimal value is 10267372.

Hex triplet	9caaec	`#9caaec`
RGB Decimal	156, 170, 236	`rgb(156,170,236)`
RGB Percent	61.2, 66.7, 92.5	`rgb(61.2%,66.7%,92.5%)`
CMYK	34, 28, 0, 7
HSL	229.5°, 67.8, 76.9	`hsl(229.5,67.8%,76.9%)`
HSV (or HSB)	229.5°, 33.9, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.783, 10.433, -34.642
XYZ	43.222, 41.872, 85.157
xyY	0.254, 0.246, 41.872
CIE-LCH	70.783, 36.179, 286.76
CIE-LUV	70.783, -10.39, -56.785
Hunter-Lab	64.709, 5.988, -32.73
Binary	10011100, 10101010, 11101100

#9caaec
```
#9caaec rgb(156,170,236)
```
#ecde9c
```
#ecde9c rgb(236,222,156)
```

Complementary Color

#9cd2ec
```
#9cd2ec rgb(156,210,236)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#b69cec
```
#b69cec rgb(182,156,236)
```

Analogous Color

#d2ec9c
```
#d2ec9c rgb(210,236,156)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#ecb69c
```
#ecb69c rgb(236,182,156)
```

Split Complementary Color

#aaec9c
```
#aaec9c rgb(170,236,156)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#ec9caa
```
#ec9caa rgb(236,156,170)
```

Triadic Color

#9cecde
```
#9cecde rgb(156,236,222)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#ec9caa
```
#ec9caa rgb(236,156,170)
```
#ecde9c
```
#ecde9c rgb(236,222,156)
```

Tetradic Color

#5c73e0
```
#5c73e0 rgb(92,115,224)
```
#7185e4
```
#7185e4 rgb(113,133,228)
```
#8798e8
```
#8798e8 rgb(135,152,232)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#b1bcf0
```
#b1bcf0 rgb(177,188,240)
```
#c7cff4
```
#c7cff4 rgb(199,207,244)
```
#dce1f8
```
#dce1f8 rgb(220,225,248)
```

Monochromatic Color

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

#9cbeec
```
#9cbeec rgb(156,190,236)
```
#9cb7ec
```
#9cb7ec rgb(156,183,236)
```
#9cb1ec
```
#9cb1ec rgb(156,177,236)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#9ca3ec
```
#9ca3ec rgb(156,163,236)
```
#9c9dec
```
#9c9dec rgb(156,157,236)
```
#a29cec
```
#a29cec rgb(162,156,236)
```

Similar Colors

Text with hexadecimal color #9caaec

This text has a font color of #9caaec.

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

#9caaec background color

This paragraph has a background color of #9caaec.

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

#9caaec border color

This element has a border color of #9caaec.

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

CSS codes

.text {color:#9caaec;}

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

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

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

#030510
```
#030510 rgb(3,5,16)
```
#060b21
```
#060b21 rgb(6,11,33)
```
#091031
```
#091031 rgb(9,16,49)
```
#0d1642
```
#0d1642 rgb(13,22,66)
```
#101b52
```
#101b52 rgb(16,27,82)
```
#132162
```
#132162 rgb(19,33,98)
```
#162673
```
#162673 rgb(22,38,115)
```
#192c83
```
#192c83 rgb(25,44,131)
```
#1c3194
```
#1c3194 rgb(28,49,148)
```
#2037a4
```
#2037a4 rgb(32,55,164)
```
#233cb5
```
#233cb5 rgb(35,60,181)
```
#2642c5
```
#2642c5 rgb(38,66,197)
```
#2947d6
```
#2947d6 rgb(41,71,214)
```

Shade Color Variation

#3955d9
```
#3955d9 rgb(57,85,217)
```
#4a63dc
```
#4a63dc rgb(74,99,220)
```
#5a71df
```
#5a71df rgb(90,113,223)
```
#6b80e3
```
#6b80e3 rgb(107,128,227)
```
#7b8ee6
```
#7b8ee6 rgb(123,142,230)
```
#8c9ce9
```
#8c9ce9 rgb(140,156,233)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#acb8ef
```
#acb8ef rgb(172,184,239)
```
#bdc6f2
```
#bdc6f2 rgb(189,198,242)
```
#cdd4f5
```
#cdd4f5 rgb(205,212,245)
```
#dee3f9
```
#dee3f9 rgb(222,227,249)
```
#eef1fc
```
#eef1fc rgb(238,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c2c8
```
#c0c2c8 rgb(192,194,200)
```
#bcbfcc
```
#bcbfcc rgb(188,191,204)
```
#b7bcd1
```
#b7bcd1 rgb(183,188,209)
```
#b3b9d5
```
#b3b9d5 rgb(179,185,213)
```
#aeb6da
```
#aeb6da rgb(174,182,218)
```
#aab3de
```
#aab3de rgb(170,179,222)
```
#a5b0e3
```
#a5b0e3 rgb(165,176,227)
```
#a1ade7
```
#a1ade7 rgb(161,173,231)
```
#9caaec
```
#9caaec rgb(156,170,236)
```
#97a7f1
```
#97a7f1 rgb(151,167,241)
```
#93a4f5
```
#93a4f5 rgb(147,164,245)
```
#8ea1fa
```
#8ea1fa rgb(142,161,250)
```
#8a9efe
```
#8a9efe rgb(138,158,254)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aaacba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dafed Protanopia 1% of men
#9dafec Deuteranopia 1% of men
#95b6c3 Tritanopia 0.001% of the population

Trichromacy

#9dadec Protanomaly 1% of men, 0.01% of women
#9dadec Deuteranomaly 6% of men, 0.4% of women
#97b2d2 Tritanomaly 0.01% of the population

#9caaec hex color

#9caaec Color Information

#9caaec Color Conversion

Color Schemes with #9caaec

Alternatives to #9caaec

#9caaec Preview

Shades and Tints of #9caaec

Tones of #9caaec

Color Blindness Simulator