colorhexa.com

#9baadd hex color

In a RGB color space, hex #9baadd is composed of 60.8% red, 66.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 23.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 226.4 degrees, a saturation of 49.3% and a lightness of 73.7%. #9baadd color hex could be obtained by blending #ffffff with #3755bb. Closest websafe color is: #9999cc.

- R 61
- G 67
- B 87
RGB color chart
- C 30
- M 23
- Y 0
- K 13
CMYK color chart

● #9baadd color description : Very soft blue.

The hexadecimal color #9baadd has RGB values of R:155, G:170, B:221 and CMYK values of C:0.3, M:0.23, Y:0, K:0.13. Its decimal value is 10201821.

Hex triplet	9baadd	`#9baadd`
RGB Decimal	155, 170, 221	`rgb(155,170,221)`
RGB Percent	60.8, 66.7, 86.7	`rgb(60.8%,66.7%,86.7%)`
CMYK	30, 23, 0, 13
HSL	226.4°, 49.3, 73.7	`hsl(226.4,49.3%,73.7%)`
HSV (or HSB)	226.4°, 29.9, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.132, 6.35, -27.454
XYZ	40.941, 40.938, 74.147
xyY	0.262, 0.262, 40.938
CIE-LCH	70.132, 28.179, 283.023
CIE-LUV	70.132, -10.215, -44.162
Hunter-Lab	63.982, 2.248, -23.922
Binary	10011011, 10101010, 11011101

#9baadd
```
#9baadd rgb(155,170,221)
```
#ddce9b
```
#ddce9b rgb(221,206,155)
```

Complementary Color

#9bcbdd
```
#9bcbdd rgb(155,203,221)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#ad9bdd
```
#ad9bdd rgb(173,155,221)
```

Analogous Color

#cbdd9b
```
#cbdd9b rgb(203,221,155)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#ddad9b
```
#ddad9b rgb(221,173,155)
```

Split Complementary Color

#aadd9b
```
#aadd9b rgb(170,221,155)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#dd9baa
```
#dd9baa rgb(221,155,170)
```

Triadic Color

#9bddce
```
#9bddce rgb(155,221,206)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#dd9baa
```
#dd9baa rgb(221,155,170)
```
#ddce9b
```
#ddce9b rgb(221,206,155)
```

Tetradic Color

#6279ca
```
#6279ca rgb(98,121,202)
```
#758ad0
```
#758ad0 rgb(117,138,208)
```
#889ad7
```
#889ad7 rgb(136,154,215)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#aebae3
```
#aebae3 rgb(174,186,227)
```
#c1caea
```
#c1caea rgb(193,202,234)
```
#d4dbf0
```
#d4dbf0 rgb(212,219,240)
```

Monochromatic Color

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

#9bbbdd
```
#9bbbdd rgb(155,187,221)
```
#9bb5dd
```
#9bb5dd rgb(155,181,221)
```
#9bb0dd
```
#9bb0dd rgb(155,176,221)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#9ba5dd
```
#9ba5dd rgb(155,165,221)
```
#9b9fdd
```
#9b9fdd rgb(155,159,221)
```
#9d9bdd
```
#9d9bdd rgb(157,155,221)
```

Similar Colors

Text with hexadecimal color #9baadd

This text has a font color of #9baadd.

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

#9baadd background color

This paragraph has a background color of #9baadd.

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

#9baadd border color

This element has a border color of #9baadd.

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

CSS codes

.text {color:#9baadd;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b1020
```
#0b1020 rgb(11,16,32)
```
#10172e
```
#10172e rgb(16,23,46)
```
#151e3d
```
#151e3d rgb(21,30,61)
```
#1a254c
```
#1a254c rgb(26,37,76)
```
#1f2c5a
```
#1f2c5a rgb(31,44,90)
```
#243369
```
#243369 rgb(36,51,105)
```
#293b78
```
#293b78 rgb(41,59,120)
```
#2e4286
```
#2e4286 rgb(46,66,134)
```
#334995
```
#334995 rgb(51,73,149)
```
#3850a3
```
#3850a3 rgb(56,80,163)
```
#3d57b2
```
#3d57b2 rgb(61,87,178)
```

Shade Color Variation

#435fbf
```
#435fbf rgb(67,95,191)
```
#526cc4
```
#526cc4 rgb(82,108,196)
```
#6078c9
```
#6078c9 rgb(96,120,201)
```
#6f85ce
```
#6f85ce rgb(111,133,206)
```
#7e91d3
```
#7e91d3 rgb(126,145,211)
```
#8c9ed8
```
#8c9ed8 rgb(140,158,216)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#aab6e2
```
#aab6e2 rgb(170,182,226)
```
#b8c3e7
```
#b8c3e7 rgb(184,195,231)
```
#c7cfec
```
#c7cfec rgb(199,207,236)
```
#d6dcf1
```
#d6dcf1 rgb(214,220,241)
```
#e4e8f6
```
#e4e8f6 rgb(228,232,246)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#babbbe
```
#babbbe rgb(186,187,190)
```
#b5b8c3
```
#b5b8c3 rgb(181,184,195)
```
#b0b5c8
```
#b0b5c8 rgb(176,181,200)
```
#aab2ce
```
#aab2ce rgb(170,178,206)
```
#a5b0d3
```
#a5b0d3 rgb(165,176,211)
```
#a0add8
```
#a0add8 rgb(160,173,216)
```
#9baadd
```
#9baadd rgb(155,170,221)
```
#96a7e2
```
#96a7e2 rgb(150,167,226)
```
#91a4e7
```
#91a4e7 rgb(145,164,231)
```
#8ca2ec
```
#8ca2ec rgb(140,162,236)
```
#869ff2
```
#869ff2 rgb(134,159,242)
```
#819cf7
```
#819cf7 rgb(129,156,247)
```
#7c99fc
```
#7c99fc rgb(124,153,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8abb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2adde Protanopia 1% of men
#a5addf Deuteranopia 1% of men
#98b4c1 Tritanopia 0.001% of the population

Trichromacy

#9facdd Protanomaly 1% of men, 0.01% of women
#a1abde Deuteranomaly 6% of men, 0.4% of women
#99b0cb Tritanomaly 0.01% of the population