#9baddd hex color

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

♥
- f
- t
- g
- R 61
- G 68
- B 87
RGB color chart
- C 30
- M 22
- Y 0
- K 13
CMYK color chart

● #9baddd color description : Very soft blue.

The hexadecimal color #9baddd has RGB values of R:155, G:173, B:221 and CMYK values of C:0.3, M:0.22, Y:0, K:0.13. Its decimal value is 10202589.

Hex triplet	9baddd	`#9baddd`
RGB Decimal	155, 173, 221	`rgb(155,173,221)`
RGB Percent	60.8, 67.8, 86.7	`rgb(60.8%,67.8%,86.7%)`
CMYK	30, 22, 0, 13
HSL	223.6°, 49.3, 73.7	`hsl(223.6,49.3%,73.7%)`
HSV (or HSB)	223.6°, 29.9, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.923, 4.683, -26.241
XYZ	41.51, 42.075, 74.337
xyY	0.263, 0.266, 42.075
CIE-LCH	70.923, 26.655, 280.119
CIE-LUV	70.923, -11.485, -41.988
Hunter-Lab	64.865, 0.714, -22.542
Binary	10011011, 10101101, 11011101

#9baddd
```
#9baddd rgb(155,173,221)
```
#ddcb9b
```
#ddcb9b rgb(221,203,155)
```

Complementary Color

#9bcedd
```
#9bcedd rgb(155,206,221)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#aa9bdd
```
#aa9bdd rgb(170,155,221)
```

Analogous Color

#cedd9b
```
#cedd9b rgb(206,221,155)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#ddaa9b
```
#ddaa9b rgb(221,170,155)
```

Split Complementary Color

#addd9b
```
#addd9b rgb(173,221,155)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#dd9bad
```
#dd9bad rgb(221,155,173)
```

Triadic Color

#9bddcb
```
#9bddcb rgb(155,221,203)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#dd9bad
```
#dd9bad rgb(221,155,173)
```
#ddcb9b
```
#ddcb9b rgb(221,203,155)
```

Tetradic Color

#627eca
```
#627eca rgb(98,126,202)
```
#758ed0
```
#758ed0 rgb(117,142,208)
```
#889dd7
```
#889dd7 rgb(136,157,215)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#aebde3
```
#aebde3 rgb(174,189,227)
```
#c1ccea
```
#c1ccea rgb(193,204,234)
```
#d4dcf0
```
#d4dcf0 rgb(212,220,240)
```

Monochromatic Color

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

#9bbedd
```
#9bbedd rgb(155,190,221)
```
#9bb8dd
```
#9bb8dd rgb(155,184,221)
```
#9bb3dd
```
#9bb3dd rgb(155,179,221)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#9ba8dd
```
#9ba8dd rgb(155,168,221)
```
#9ba2dd
```
#9ba2dd rgb(155,162,221)
```
#9b9ddd
```
#9b9ddd rgb(155,157,221)
```

Similar Colors

Text with hexadecimal color #9baddd

This text has a font color of #9baddd.

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

#9baddd background color

This paragraph has a background color of #9baddd.

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

#9baddd border color

This element has a border color of #9baddd.

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

CSS codes

.text {color:#9baddd;}

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

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

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)
```
#060911
```
#060911 rgb(6,9,17)
```
#0b1120
```
#0b1120 rgb(11,17,32)
```
#10182e
```
#10182e rgb(16,24,46)
```
#15203d
```
#15203d rgb(21,32,61)
```
#1a274c
```
#1a274c rgb(26,39,76)
```
#1f2f5a
```
#1f2f5a rgb(31,47,90)
```
#243769
```
#243769 rgb(36,55,105)
```
#293e78
```
#293e78 rgb(41,62,120)
```
#2e4686
```
#2e4686 rgb(46,70,134)
```
#334d95
```
#334d95 rgb(51,77,149)
```
#3855a3
```
#3855a3 rgb(56,85,163)
```
#3d5db2
```
#3d5db2 rgb(61,93,178)
```

Shade Color Variation

#4365bf
```
#4365bf rgb(67,101,191)
```
#5271c4
```
#5271c4 rgb(82,113,196)
```
#607dc9
```
#607dc9 rgb(96,125,201)
```
#6f89ce
```
#6f89ce rgb(111,137,206)
```
#7e95d3
```
#7e95d3 rgb(126,149,211)
```
#8ca1d8
```
#8ca1d8 rgb(140,161,216)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#aab9e2
```
#aab9e2 rgb(170,185,226)
```
#b8c5e7
```
#b8c5e7 rgb(184,197,231)
```
#c7d1ec
```
#c7d1ec rgb(199,209,236)
```
#d6ddf1
```
#d6ddf1 rgb(214,221,241)
```
#e4e9f6
```
#e4e9f6 rgb(228,233,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 #7c9ffc is the most saturated one.

#babbbe
```
#babbbe rgb(186,187,190)
```
#b5b9c3
```
#b5b9c3 rgb(181,185,195)
```
#b0b6c8
```
#b0b6c8 rgb(176,182,200)
```
#aab4ce
```
#aab4ce rgb(170,180,206)
```
#a5b2d3
```
#a5b2d3 rgb(165,178,211)
```
#a0afd8
```
#a0afd8 rgb(160,175,216)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#96abe2
```
#96abe2 rgb(150,171,226)
```
#91a8e7
```
#91a8e7 rgb(145,168,231)
```
#8ca6ec
```
#8ca6ec rgb(140,166,236)
```
#86a4f2
```
#86a4f2 rgb(134,164,242)
```
#81a1f7
```
#81a1f7 rgb(129,161,247)
```
#7c9ffc
```
#7c9ffc rgb(124,159,252)
```

Tone Color Variation

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

Dichromacy

#a5b0dd Protanopia 1% of men
#a8aedf Deuteranopia 1% of men
#99b6c3 Tritanopia 0.001% of the population

Trichromacy

#a1aedd Protanomaly 1% of men, 0.01% of women
#a3aede Deuteranomaly 6% of men, 0.4% of women
#99b2cc Tritanomaly 0.01% of the population

#9baddd hex color

#9baddd Color Information

#9baddd Color Conversion

Color Schemes with #9baddd

Alternatives to #9baddd

#9baddd Preview

Shades and Tints of #9baddd

Tones of #9baddd

Color Blindness Simulator