#bad1e3 hex color

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

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

● #bad1e3 color description : Light grayish blue.

The hexadecimal color #bad1e3 has RGB values of R:186, G:209, B:227 and CMYK values of C:0.18, M:0.08, Y:0, K:0.11. Its decimal value is 12243427.

Hex triplet	bad1e3	`#bad1e3`
RGB Decimal	186, 209, 227	`rgb(186,209,227)`
RGB Percent	72.9, 82, 89	`rgb(72.9%,82%,89%)`
CMYK	18, 8, 0, 11
HSL	206.3°, 42.3, 81	`hsl(206.3,42.3%,81%)`
HSV (or HSB)	206.3°, 18.1, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.692, -3.967, -11.475
XYZ	56.912, 61.585, 81.557
xyY	0.284, 0.308, 61.585
CIE-LCH	82.692, 12.142, 250.929
CIE-LUV	82.692, -12.963, -17.208
Hunter-Lab	78.476, -7.882, -6.685
Binary	10111010, 11010001, 11100011

#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#e3ccba
```
#e3ccba rgb(227,204,186)
```

Complementary Color

#bae3e1
```
#bae3e1 rgb(186,227,225)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#babde3
```
#babde3 rgb(186,189,227)
```

Analogous Color

#e3e1ba
```
#e3e1ba rgb(227,225,186)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#e3babd
```
#e3babd rgb(227,186,189)
```

Split Complementary Color

#d1e3ba
```
#d1e3ba rgb(209,227,186)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#e3bad1
```
#e3bad1 rgb(227,186,209)
```

Triadic Color

#bae3cc
```
#bae3cc rgb(186,227,204)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#e3bad1
```
#e3bad1 rgb(227,186,209)
```
#e3ccba
```
#e3ccba rgb(227,204,186)
```

Tetradic Color

#84adcd
```
#84adcd rgb(132,173,205)
```
#96b9d4
```
#96b9d4 rgb(150,185,212)
```
#a8c5dc
```
#a8c5dc rgb(168,197,220)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#dee9f2
```
#dee9f2 rgb(222,233,242)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```

Monochromatic Color

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

#badbe3
```
#badbe3 rgb(186,219,227)
```
#bad8e3
```
#bad8e3 rgb(186,216,227)
```
#bad4e3
```
#bad4e3 rgb(186,212,227)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#bacee3
```
#bacee3 rgb(186,206,227)
```
#bacae3
```
#bacae3 rgb(186,202,227)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```

Similar Colors

Text with hexadecimal color #bad1e3

This text has a font color of #bad1e3.

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

#bad1e3 background color

This paragraph has a background color of #bad1e3.

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

#bad1e3 border color

This element has a border color of #bad1e3.

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

CSS codes

.text {color:#bad1e3;}

.background {background-color:#bad1e3;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060b0f
```
#060b0f rgb(6,11,15)
```
#0c151d
```
#0c151d rgb(12,21,29)
```
#11202b
```
#11202b rgb(17,32,43)
```
#172a39
```
#172a39 rgb(23,42,57)
```
#1d3447
```
#1d3447 rgb(29,52,71)
```
#223e54
```
#223e54 rgb(34,62,84)
```
#284962
```
#284962 rgb(40,73,98)
```
#2e5370
```
#2e5370 rgb(46,83,112)
```
#335d7e
```
#335d7e rgb(51,93,126)
```
#39688c
```
#39688c rgb(57,104,140)
```
#3f729a
```
#3f729a rgb(63,114,154)
```
#447ca8
```
#447ca8 rgb(68,124,168)
```

Shade Color Variation

#4a87b6
```
#4a87b6 rgb(74,135,182)
```
#5890bb
```
#5890bb rgb(88,144,187)
```
#6699c1
```
#6699c1 rgb(102,153,193)
```
#74a2c7
```
#74a2c7 rgb(116,162,199)
```
#82accc
```
#82accc rgb(130,172,204)
```
#90b5d2
```
#90b5d2 rgb(144,181,210)
```
#9ebed8
```
#9ebed8 rgb(158,190,216)
```
#acc8dd
```
#acc8dd rgb(172,200,221)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#c8dae9
```
#c8dae9 rgb(200,218,233)
```
#d6e4ee
```
#d6e4ee rgb(214,228,238)
```
#e4edf4
```
#e4edf4 rgb(228,237,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

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

#cdcfd0
```
#cdcfd0 rgb(205,207,208)
```
#c9cfd4
```
#c9cfd4 rgb(201,207,212)
```
#c5d0d8
```
#c5d0d8 rgb(197,208,216)
```
#c1d0dc
```
#c1d0dc rgb(193,208,220)
```
#bed1df
```
#bed1df rgb(190,209,223)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#b6d1e7
```
#b6d1e7 rgb(182,209,231)
```
#b3d2ea
```
#b3d2ea rgb(179,210,234)
```
#afd2ee
```
#afd2ee rgb(175,210,238)
```
#abd3f2
```
#abd3f2 rgb(171,211,242)
```
#a7d3f6
```
#a7d3f6 rgb(167,211,246)
```
#a4d4f9
```
#a4d4f9 rgb(164,212,249)
```
#a0d4fd
```
#a0d4fd rgb(160,212,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8cdd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecfe1 Protanopia 1% of men
#d8cbe7 Deuteranopia 1% of men
#bdd3e2 Tritanopia 0.001% of the population

Trichromacy

#c7cfe2 Protanomaly 1% of men, 0.01% of women
#cdcde5 Deuteranomaly 6% of men, 0.4% of women
#bcd2e2 Tritanomaly 0.01% of the population

#bad1e3 hex color

#bad1e3 Color Information

#bad1e3 Color Conversion

Color Schemes with #bad1e3

Alternatives to #bad1e3

#bad1e3 Preview

Shades and Tints of #bad1e3

Tones of #bad1e3

Color Blindness Simulator