#baded9 hex color

In a RGB color space, hex #baded9 is composed of 72.9% red, 87.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 2.3% yellow and 12.9% black. It has a hue angle of 171.7 degrees, a saturation of 35.3% and a lightness of 80%. #baded9 color hex could be obtained by blending #ffffff with #75bdb3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 87
- B 85
RGB color chart
- C 16
- M 0
- Y 2
- K 13
CMYK color chart

● #baded9 color description : Light grayish cyan.

The hexadecimal color #baded9 has RGB values of R:186, G:222, B:217 and CMYK values of C:0.16, M:0, Y:0.02, K:0.13. Its decimal value is 12246745.

Hex triplet	baded9	`#baded9`
RGB Decimal	186, 222, 217	`rgb(186,222,217)`
RGB Percent	72.9, 87.1, 85.1	`rgb(72.9%,87.1%,85.1%)`
CMYK	16, 0, 2, 13
HSL	171.7°, 35.3, 80	`hsl(171.7,35.3%,80%)`
HSV (or HSB)	171.7°, 16.2, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.851, -12.751, -1.497
XYZ	58.893, 67.69, 75.604
xyY	0.291, 0.335, 67.69
CIE-LCH	85.851, 12.839, 186.697
CIE-LUV	85.851, -18.727, -0.104
Hunter-Lab	82.274, -16.207, 3.108
Binary	10111010, 11011110, 11011001

#baded9
```
#baded9 rgb(186,222,217)
```
#debabf
```
#debabf rgb(222,186,191)
```

Complementary Color

#badec7
```
#badec7 rgb(186,222,199)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#bad1de
```
#bad1de rgb(186,209,222)
```

Analogous Color

#dec7ba
```
#dec7ba rgb(222,199,186)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#debad1
```
#debad1 rgb(222,186,209)
```

Split Complementary Color

#ded9ba
```
#ded9ba rgb(222,217,186)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#d9bade
```
#d9bade rgb(217,186,222)
```

Triadic Color

#bfdeba
```
#bfdeba rgb(191,222,186)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#d9bade
```
#d9bade rgb(217,186,222)
```
#debabf
```
#debabf rgb(222,186,191)
```

Tetradic Color

#86c5bd
```
#86c5bd rgb(134,197,189)
```
#98cec6
```
#98cec6 rgb(152,206,198)
```
#a9d6d0
```
#a9d6d0 rgb(169,214,208)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#cbe6e3
```
#cbe6e3 rgb(203,230,227)
```
#ddefec
```
#ddefec rgb(221,239,236)
```
#eef7f6
```
#eef7f6 rgb(238,247,246)
```

Monochromatic Color

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

#baded0
```
#baded0 rgb(186,222,208)
```
#baded3
```
#baded3 rgb(186,222,211)
```
#baded6
```
#baded6 rgb(186,222,214)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#badedc
```
#badedc rgb(186,222,220)
```
#baddde
```
#baddde rgb(186,221,222)
```
#badade
```
#badade rgb(186,218,222)
```

Similar Colors

Text with hexadecimal color #baded9

This text has a font color of #baded9.

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

#baded9 background color

This paragraph has a background color of #baded9.

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

#baded9 border color

This element has a border color of #baded9.

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

CSS codes

.text {color:#baded9;}

.background {background-color:#baded9;}

.border {border:1px solid #baded9;}

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, #050b0a is the darkest color, while #fcfefe is the lightest one.

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1816
```
#0b1816 rgb(11,24,22)
```
#122522
```
#122522 rgb(18,37,34)
```
#18322f
```
#18322f rgb(24,50,47)
```
#1e403b
```
#1e403b rgb(30,64,59)
```
#254d47
```
#254d47 rgb(37,77,71)
```
#2b5a54
```
#2b5a54 rgb(43,90,84)
```
#326860
```
#326860 rgb(50,104,96)
```
#38756c
```
#38756c rgb(56,117,108)
```
#3e8279
```
#3e8279 rgb(62,130,121)
```
#458f85
```
#458f85 rgb(69,143,133)
```
#4b9d91
```
#4b9d91 rgb(75,157,145)
```
#51aa9e
```
#51aa9e rgb(81,170,158)
```

Shade Color Variation

#5db2a6
```
#5db2a6 rgb(93,178,166)
```
#6ab8ad
```
#6ab8ad rgb(106,184,173)
```
#78beb4
```
#78beb4 rgb(120,190,180)
```
#85c5bc
```
#85c5bc rgb(133,197,188)
```
#92cbc3
```
#92cbc3 rgb(146,203,195)
```
#9fd1ca
```
#9fd1ca rgb(159,209,202)
```
#add8d2
```
#add8d2 rgb(173,216,210)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#c7e4e0
```
#c7e4e0 rgb(199,228,224)
```
#d5ebe8
```
#d5ebe8 rgb(213,235,232)
```
#e2f1ef
```
#e2f1ef rgb(226,241,239)
```
#eff7f6
```
#eff7f6 rgb(239,247,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#cacece
```
#cacece rgb(202,206,206)
```
#c6d2d1
```
#c6d2d1 rgb(198,210,209)
```
#c2d6d3
```
#c2d6d3 rgb(194,214,211)
```
#bedad6
```
#bedad6 rgb(190,218,214)
```
#baded9
```
#baded9 rgb(186,222,217)
```
#b6e2dc
```
#b6e2dc rgb(182,226,220)
```
#b2e6df
```
#b2e6df rgb(178,230,223)
```
#aeeae2
```
#aeeae2 rgb(174,234,226)
```
#aaeee4
```
#aaeee4 rgb(170,238,228)
```
#a6f2e7
```
#a6f2e7 rgb(166,242,231)
```
#a2f6ea
```
#a2f6ea rgb(162,246,234)
```
#9ff9ed
```
#9ff9ed rgb(159,249,237)
```
#9bfdf0
```
#9bfdf0 rgb(155,253,240)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced5d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd7d6 Protanopia 1% of men
#e9d2df Deuteranopia 1% of men
#c1dcec Tritanopia 0.001% of the population

Trichromacy

#d0dad7 Protanomaly 1% of men, 0.01% of women
#d8d6dd Deuteranomaly 6% of men, 0.4% of women
#bedde5 Tritanomaly 0.01% of the population

#baded9 hex color

#baded9 Color Information

#baded9 Color Conversion

Color Schemes with #baded9

Alternatives to #baded9

#baded9 Preview

Shades and Tints of #baded9

Tones of #baded9

Color Blindness Simulator