#badae3 hex color

In a RGB color space, hex #badae3 is composed of 72.9% red, 85.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 4% magenta, 0% yellow and 11% black. It has a hue angle of 193.2 degrees, a saturation of 42.3% and a lightness of 81%. #badae3 color hex could be obtained by blending #ffffff with #75b5c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 89
RGB color chart
- C 18
- M 4
- Y 0
- K 11
CMYK color chart

● #badae3 color description : Light grayish cyan.

The hexadecimal color #badae3 has RGB values of R:186, G:218, B:227 and CMYK values of C:0.18, M:0.04, Y:0, K:0.11. Its decimal value is 12245731.

Hex triplet	badae3	`#badae3`
RGB Decimal	186, 218, 227	`rgb(186,218,227)`
RGB Percent	72.9, 85.5, 89	`rgb(72.9%,85.5%,89%)`
CMYK	18, 4, 0, 11
HSL	193.2°, 42.3, 81	`hsl(193.2,42.3%,81%)`
HSV (or HSB)	193.2°, 18.1, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.061, -8.645, -7.951
XYZ	59.183, 66.127, 82.314
xyY	0.285, 0.318, 66.127
CIE-LCH	85.061, 11.746, 222.607
CIE-LUV	85.061, -17.096, -10.881
Hunter-Lab	81.318, -12.395, -3.093
Binary	10111010, 11011010, 11100011

#badae3
```
#badae3 rgb(186,218,227)
```
#e3c3ba
```
#e3c3ba rgb(227,195,186)
```

Complementary Color

#bae3d8
```
#bae3d8 rgb(186,227,216)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#bac6e3
```
#bac6e3 rgb(186,198,227)
```

Analogous Color

#e3d8ba
```
#e3d8ba rgb(227,216,186)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#e3bac6
```
#e3bac6 rgb(227,186,198)
```

Split Complementary Color

#dae3ba
```
#dae3ba rgb(218,227,186)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#e3bada
```
#e3bada rgb(227,186,218)
```

Triadic Color

#bae3c3
```
#bae3c3 rgb(186,227,195)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#e3bada
```
#e3bada rgb(227,186,218)
```
#e3c3ba
```
#e3c3ba rgb(227,195,186)
```

Tetradic Color

#84bdcd
```
#84bdcd rgb(132,189,205)
```
#96c7d4
```
#96c7d4 rgb(150,199,212)
```
#a8d0dc
```
#a8d0dc rgb(168,208,220)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#cce4ea
```
#cce4ea rgb(204,228,234)
```
#deedf2
```
#deedf2 rgb(222,237,242)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```

Monochromatic Color

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

#bae3e2
```
#bae3e2 rgb(186,227,226)
```
#bae1e3
```
#bae1e3 rgb(186,225,227)
```
#badde3
```
#badde3 rgb(186,221,227)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#bad7e3
```
#bad7e3 rgb(186,215,227)
```
#bad3e3
```
#bad3e3 rgb(186,211,227)
```
#bad0e3
```
#bad0e3 rgb(186,208,227)
```

Similar Colors

Text with hexadecimal color #badae3

This text has a font color of #badae3.

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

#badae3 background color

This paragraph has a background color of #badae3.

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

#badae3 border color

This element has a border color of #badae3.

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

CSS codes

.text {color:#badae3;}

.background {background-color:#badae3;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0c191d
```
#0c191d rgb(12,25,29)
```
#11252b
```
#11252b rgb(17,37,43)
```
#173139
```
#173139 rgb(23,49,57)
```
#1d3d47
```
#1d3d47 rgb(29,61,71)
```
#224954
```
#224954 rgb(34,73,84)
```
#285662
```
#285662 rgb(40,86,98)
```
#2e6270
```
#2e6270 rgb(46,98,112)
```
#336e7e
```
#336e7e rgb(51,110,126)
```
#397a8c
```
#397a8c rgb(57,122,140)
```
#3f869a
```
#3f869a rgb(63,134,154)
```
#4492a8
```
#4492a8 rgb(68,146,168)
```

Shade Color Variation

#4a9eb6
```
#4a9eb6 rgb(74,158,182)
```
#58a6bb
```
#58a6bb rgb(88,166,187)
```
#66adc1
```
#66adc1 rgb(102,173,193)
```
#74b5c7
```
#74b5c7 rgb(116,181,199)
```
#82bccc
```
#82bccc rgb(130,188,204)
```
#90c4d2
```
#90c4d2 rgb(144,196,210)
```
#9ecbd8
```
#9ecbd8 rgb(158,203,216)
```
#acd3dd
```
#acd3dd rgb(172,211,221)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#c8e1e9
```
#c8e1e9 rgb(200,225,233)
```
#d6e9ee
```
#d6e9ee rgb(214,233,238)
```
#e4f0f4
```
#e4f0f4 rgb(228,240,244)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#cdd0d0
```
#cdd0d0 rgb(205,208,208)
```
#c9d2d4
```
#c9d2d4 rgb(201,210,212)
```
#c5d4d8
```
#c5d4d8 rgb(197,212,216)
```
#c1d6dc
```
#c1d6dc rgb(193,214,220)
```
#bed8df
```
#bed8df rgb(190,216,223)
```
#badae3
```
#badae3 rgb(186,218,227)
```
#b6dce7
```
#b6dce7 rgb(182,220,231)
```
#b3deea
```
#b3deea rgb(179,222,234)
```
#afe0ee
```
#afe0ee rgb(175,224,238)
```
#abe2f2
```
#abe2f2 rgb(171,226,242)
```
#a7e4f6
```
#a7e4f6 rgb(167,228,246)
```
#a4e7f9
```
#a4e7f9 rgb(164,231,249)
```
#a0e9fd
```
#a0e9fd rgb(160,233,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd3d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d5e0 Protanopia 1% of men
#e2d1e8 Deuteranopia 1% of men
#bfdaea Tritanopia 0.001% of the population

Trichromacy

#ccd7e1 Protanomaly 1% of men, 0.01% of women
#d3d4e6 Deuteranomaly 6% of men, 0.4% of women
#bddae7 Tritanomaly 0.01% of the population

#badae3 hex color

#badae3 Color Information

#badae3 Color Conversion

Color Schemes with #badae3

Alternatives to #badae3

#badae3 Preview

Shades and Tints of #badae3

Tones of #badae3

Color Blindness Simulator