#9eb6dc hex color

In a RGB color space, hex #9eb6dc is composed of 62% red, 71.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 17.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 216.8 degrees, a saturation of 47% and a lightness of 74.1%. #9eb6dc color hex could be obtained by blending #ffffff with #3d6db9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 62
- G 71
- B 86
RGB color chart
- C 28
- M 17
- Y 0
- K 14
CMYK color chart

● #9eb6dc color description : Very soft blue.

The hexadecimal color #9eb6dc has RGB values of R:158, G:182, B:220 and CMYK values of C:0.28, M:0.17, Y:0, K:0.14. Its decimal value is 10401500.

Hex triplet	9eb6dc	`#9eb6dc`
RGB Decimal	158, 182, 220	`rgb(158,182,220)`
RGB Percent	62, 71.4, 86.3	`rgb(62%,71.4%,86.3%)`
CMYK	28, 17, 0, 14
HSL	216.8°, 47, 74.1	`hsl(216.8,47%,74.1%)`
HSV (or HSB)	216.8°, 28.2, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.475, 0.37, -21.779
XYZ	43.744, 45.891, 74.259
xyY	0.267, 0.28, 45.891
CIE-LCH	73.475, 21.782, 270.974
CIE-LUV	73.475, -13.943, -34.199
Hunter-Lab	67.743, -3.287, -17.573
Binary	10011110, 10110110, 11011100

#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#dcc49e
```
#dcc49e rgb(220,196,158)
```

Complementary Color

#9ed5dc
```
#9ed5dc rgb(158,213,220)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#a59edc
```
#a59edc rgb(165,158,220)
```

Analogous Color

#d5dc9e
```
#d5dc9e rgb(213,220,158)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#dca59e
```
#dca59e rgb(220,165,158)
```

Split Complementary Color

#b6dc9e
```
#b6dc9e rgb(182,220,158)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#dc9eb6
```
#dc9eb6 rgb(220,158,182)
```

Triadic Color

#9edcc4
```
#9edcc4 rgb(158,220,196)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#dc9eb6
```
#dc9eb6 rgb(220,158,182)
```
#dcc49e
```
#dcc49e rgb(220,196,158)
```

Tetradic Color

#668cc8
```
#668cc8 rgb(102,140,200)
```
#799ace
```
#799ace rgb(121,154,206)
```
#8ba8d5
```
#8ba8d5 rgb(139,168,213)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#b1c4e3
```
#b1c4e3 rgb(177,196,227)
```
#c3d2ea
```
#c3d2ea rgb(195,210,234)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```

Monochromatic Color

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

#9ec6dc
```
#9ec6dc rgb(158,198,220)
```
#9ec0dc
```
#9ec0dc rgb(158,192,220)
```
#9ebbdc
```
#9ebbdc rgb(158,187,220)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#9eb1dc
```
#9eb1dc rgb(158,177,220)
```
#9eacdc
```
#9eacdc rgb(158,172,220)
```
#9ea7dc
```
#9ea7dc rgb(158,167,220)
```

Similar Colors

Text with hexadecimal color #9eb6dc

This text has a font color of #9eb6dc.

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

#9eb6dc background color

This paragraph has a background color of #9eb6dc.

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

#9eb6dc border color

This element has a border color of #9eb6dc.

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

CSS codes

.text {color:#9eb6dc;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070b12
```
#070b12 rgb(7,11,18)
```
#0c1421
```
#0c1421 rgb(12,20,33)
```
#111d2f
```
#111d2f rgb(17,29,47)
```
#16253e
```
#16253e rgb(22,37,62)
```
#1b2e4c
```
#1b2e4c rgb(27,46,76)
```
#21375a
```
#21375a rgb(33,55,90)
```
#264069
```
#264069 rgb(38,64,105)
```
#2b4977
```
#2b4977 rgb(43,73,119)
```
#305186
```
#305186 rgb(48,81,134)
```
#355a94
```
#355a94 rgb(53,90,148)
```
#3b63a2
```
#3b63a2 rgb(59,99,162)
```
#406cb1
```
#406cb1 rgb(64,108,177)
```

Shade Color Variation

#4875bd
```
#4875bd rgb(72,117,189)
```
#5680c2
```
#5680c2 rgb(86,128,194)
```
#648bc7
```
#648bc7 rgb(100,139,199)
```
#7395cc
```
#7395cc rgb(115,149,204)
```
#81a0d2
```
#81a0d2 rgb(129,160,210)
```
#90abd7
```
#90abd7 rgb(144,171,215)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#acc1e1
```
#acc1e1 rgb(172,193,225)
```
#bbcce6
```
#bbcce6 rgb(187,204,230)
```
#c9d7ec
```
#c9d7ec rgb(201,215,236)
```
#d8e1f1
```
#d8e1f1 rgb(216,225,241)
```
#e6ecf6
```
#e6ecf6 rgb(230,236,246)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

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

#bcbdbe
```
#bcbdbe rgb(188,189,190)
```
#b7bcc3
```
#b7bcc3 rgb(183,188,195)
```
#b2bbc8
```
#b2bbc8 rgb(178,187,200)
```
#adb9cd
```
#adb9cd rgb(173,185,205)
```
#a8b8d2
```
#a8b8d2 rgb(168,184,210)
```
#a3b7d7
```
#a3b7d7 rgb(163,183,215)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#99b5e1
```
#99b5e1 rgb(153,181,225)
```
#94b4e6
```
#94b4e6 rgb(148,180,230)
```
#8fb3eb
```
#8fb3eb rgb(143,179,235)
```
#8ab1f0
```
#8ab1f0 rgb(138,177,240)
```
#85b0f5
```
#85b0f5 rgb(133,176,245)
```
#80affa
```
#80affa rgb(128,175,250)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#afb4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb6db Protanopia 1% of men
#b4b4df Deuteranopia 1% of men
#9ebdca Tritanopia 0.001% of the population

Trichromacy

#a9b6db Protanomaly 1% of men, 0.01% of women
#acb5de Deuteranomaly 6% of men, 0.4% of women
#9ebad1 Tritanomaly 0.01% of the population

#9eb6dc hex color

#9eb6dc Color Information

#9eb6dc Color Conversion

Color Schemes with #9eb6dc

Alternatives to #9eb6dc

#9eb6dc Preview

Shades and Tints of #9eb6dc

Tones of #9eb6dc

Color Blindness Simulator