#9baddf hex color

In a RGB color space, hex #9baddf is composed of 60.8% red, 67.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 22.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.1 degrees, a saturation of 51.5% and a lightness of 74.1%. #9baddf color hex could be obtained by blending #ffffff with #375bbf. 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

● #9baddf color description : Very soft blue.

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

Hex triplet	9baddf	`#9baddf`
RGB Decimal	155, 173, 223	`rgb(155,173,223)`
RGB Percent	60.8, 67.8, 87.5	`rgb(60.8%,67.8%,87.5%)`
CMYK	30, 22, 0, 13
HSL	224.1°, 51.5, 74.1	`hsl(224.1,51.5%,74.1%)`
HSV (or HSB)	224.1°, 30.5, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.997, 5.18, -27.222
XYZ	41.778, 42.182, 75.749
xyY	0.262, 0.264, 42.182
CIE-LCH	70.997, 27.71, 280.774
CIE-LUV	70.997, -11.559, -43.689
Hunter-Lab	64.948, 1.161, -23.686
Binary	10011011, 10101101, 11011111

#9baddf
```
#9baddf rgb(155,173,223)
```
#dfcd9b
```
#dfcd9b rgb(223,205,155)
```

Complementary Color

#9bcfdf
```
#9bcfdf rgb(155,207,223)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#ab9bdf
```
#ab9bdf rgb(171,155,223)
```

Analogous Color

#cfdf9b
```
#cfdf9b rgb(207,223,155)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#dfab9b
```
#dfab9b rgb(223,171,155)
```

Split Complementary Color

#addf9b
```
#addf9b rgb(173,223,155)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#df9bad
```
#df9bad rgb(223,155,173)
```

Triadic Color

#9bdfcd
```
#9bdfcd rgb(155,223,205)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#df9bad
```
#df9bad rgb(223,155,173)
```
#dfcd9b
```
#dfcd9b rgb(223,205,155)
```

Tetradic Color

#617dcc
```
#617dcc rgb(97,125,204)
```
#748dd3
```
#748dd3 rgb(116,141,211)
```
#889dd9
```
#889dd9 rgb(136,157,217)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#aebde5
```
#aebde5 rgb(174,189,229)
```
#c2cdeb
```
#c2cdeb rgb(194,205,235)
```
#d5ddf2
```
#d5ddf2 rgb(213,221,242)
```

Monochromatic Color

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

#9bbedf
```
#9bbedf rgb(155,190,223)
```
#9bb8df
```
#9bb8df rgb(155,184,223)
```
#9bb3df
```
#9bb3df rgb(155,179,223)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#9ba7df
```
#9ba7df rgb(155,167,223)
```
#9ba2df
```
#9ba2df rgb(155,162,223)
```
#9b9cdf
```
#9b9cdf rgb(155,156,223)
```

Similar Colors

Text with hexadecimal color #9baddf

This text has a font color of #9baddf.

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

#9baddf background color

This paragraph has a background color of #9baddf.

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

#9baddf border color

This element has a border color of #9baddf.

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

CSS codes

.text {color:#9baddf;}

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

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

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 #f4f6fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#060913
```
#060913 rgb(6,9,19)
```
#0b1122
```
#0b1122 rgb(11,17,34)
```
#101831
```
#101831 rgb(16,24,49)
```
#14203f
```
#14203f rgb(20,32,63)
```
#19274e
```
#19274e rgb(25,39,78)
```
#1e2f5d
```
#1e2f5d rgb(30,47,93)
```
#23366c
```
#23366c rgb(35,54,108)
```
#273d7b
```
#273d7b rgb(39,61,123)
```
#2c458a
```
#2c458a rgb(44,69,138)
```
#314c99
```
#314c99 rgb(49,76,153)
```
#3654a7
```
#3654a7 rgb(54,84,167)
```
#3a5bb6
```
#3a5bb6 rgb(58,91,182)
```

Shade Color Variation

#4264c2
```
#4264c2 rgb(66,100,194)
```
#5170c7
```
#5170c7 rgb(81,112,199)
```
#607ccc
```
#607ccc rgb(96,124,204)
```
#6e88d1
```
#6e88d1 rgb(110,136,209)
```
#7d95d5
```
#7d95d5 rgb(125,149,213)
```
#8ca1da
```
#8ca1da rgb(140,161,218)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#aab9e4
```
#aab9e4 rgb(170,185,228)
```
#b9c5e9
```
#b9c5e9 rgb(185,197,233)
```
#c8d2ed
```
#c8d2ed rgb(200,210,237)
```
#d6def2
```
#d6def2 rgb(214,222,242)
```
#e5eaf7
```
#e5eaf7 rgb(229,234,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#b9bbc1
```
#b9bbc1 rgb(185,187,193)
```
#b4b9c6
```
#b4b9c6 rgb(180,185,198)
```
#afb7cb
```
#afb7cb rgb(175,183,203)
```
#aab4d0
```
#aab4d0 rgb(170,180,208)
```
#a5b2d5
```
#a5b2d5 rgb(165,178,213)
```
#a0afda
```
#a0afda rgb(160,175,218)
```
#9baddf
```
#9baddf rgb(155,173,223)
```
#96abe4
```
#96abe4 rgb(150,171,228)
```
#91a8e9
```
#91a8e9 rgb(145,168,233)
```
#8ca6ee
```
#8ca6ee rgb(140,166,238)
```
#87a3f3
```
#87a3f3 rgb(135,163,243)
```
#82a1f8
```
#82a1f8 rgb(130,161,248)
```
#7d9ffd
```
#7d9ffd rgb(125,159,253)
```

Tone Color Variation

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

#a4b0df Protanopia 1% of men
#a7afe1 Deuteranopia 1% of men
#98b6c3 Tritanopia 0.001% of the population

Trichromacy

#a1afdf Protanomaly 1% of men, 0.01% of women
#a2aee0 Deuteranomaly 6% of men, 0.4% of women
#99b3cd Tritanomaly 0.01% of the population

#9baddf hex color

#9baddf Color Information

#9baddf Color Conversion

Color Schemes with #9baddf

Alternatives to #9baddf

#9baddf Preview

Shades and Tints of #9baddf

Tones of #9baddf

Color Blindness Simulator