#bad2ff hex color

In a RGB color space, hex #bad2ff is composed of 72.9% red, 82.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 17.6% magenta, 0% yellow and 0% black. It has a hue angle of 219.1 degrees, a saturation of 100% and a lightness of 86.5%. #bad2ff color hex could be obtained by blending #ffffff with #75a5ff. Closest websafe color is: #ccccff.

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

● #bad2ff color description : Pale blue.

The hexadecimal color #bad2ff has RGB values of R:186, G:210, B:255 and CMYK values of C:0.27, M:0.18, Y:0, K:0. Its decimal value is 12243711.

Hex triplet	bad2ff	`#bad2ff`
RGB Decimal	186, 210, 255	`rgb(186,210,255)`
RGB Percent	72.9, 82.4, 100	`rgb(72.9%,82.4%,100%)`
CMYK	27, 18, 0, 0
HSL	219.1°, 100, 86.5	`hsl(219.1,100%,86.5%)`
HSV (or HSB)	219.1°, 27.1, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.836, 1.766, -24.628
XYZ	61.343, 63.751, 103.675
xyY	0.268, 0.279, 63.751
CIE-LCH	83.836, 24.692, 274.102
CIE-LUV	83.836, -14.344, -39.775
Hunter-Lab	79.844, -2.59, -21.096
Binary	10111010, 11010010, 11111111

#bad2ff
```
#bad2ff rgb(186,210,255)
```
#ffe7ba
```
#ffe7ba rgb(255,231,186)
```

Complementary Color

#baf5ff
```
#baf5ff rgb(186,245,255)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#c5baff
```
#c5baff rgb(197,186,255)
```

Analogous Color

#f5ffba
```
#f5ffba rgb(245,255,186)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#ffc5ba
```
#ffc5ba rgb(255,197,186)
```

Split Complementary Color

#d2ffba
```
#d2ffba rgb(210,255,186)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#ffbad2
```
#ffbad2 rgb(255,186,210)
```

Triadic Color

#baffe7
```
#baffe7 rgb(186,255,231)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#ffbad2
```
#ffbad2 rgb(255,186,210)
```
#ffe7ba
```
#ffe7ba rgb(255,231,186)
```

Tetradic Color

#6ea0ff
```
#6ea0ff rgb(110,160,255)
```
#87b1ff
```
#87b1ff rgb(135,177,255)
```
#a1c1ff
```
#a1c1ff rgb(161,193,255)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#d4e3ff
```
#d4e3ff rgb(212,227,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae3ff
```
#bae3ff rgb(186,227,255)
```
#badeff
```
#badeff rgb(186,222,255)
```
#bad8ff
```
#bad8ff rgb(186,216,255)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#baccff
```
#baccff rgb(186,204,255)
```
#bac7ff
```
#bac7ff rgb(186,199,255)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```

Similar Colors

Text with hexadecimal color #bad2ff

This text has a font color of #bad2ff.

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

#bad2ff background color

This paragraph has a background color of #bad2ff.

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

#bad2ff border color

This element has a border color of #bad2ff.

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

CSS codes

.text {color:#bad2ff;}

.background {background-color:#bad2ff;}

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

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

#000309
```
#000309 rgb(0,3,9)
```
#000a1d
```
#000a1d rgb(0,10,29)
```
#001131
```
#001131 rgb(0,17,49)
```
#001844
```
#001844 rgb(0,24,68)
```
#001f58
```
#001f58 rgb(0,31,88)
```
#00256c
```
#00256c rgb(0,37,108)
```
#002c7f
```
#002c7f rgb(0,44,127)
```
#003393
```
#003393 rgb(0,51,147)
```
#003aa6
```
#003aa6 rgb(0,58,166)
```
#0041ba
```
#0041ba rgb(0,65,186)
```
#0048ce
```
#0048ce rgb(0,72,206)
```
#004ee1
```
#004ee1 rgb(0,78,225)
```
#0055f5
```
#0055f5 rgb(0,85,245)
```

Shade Color Variation

#095fff
```
#095fff rgb(9,95,255)
```
#1d6cff
```
#1d6cff rgb(29,108,255)
```
#3178ff
```
#3178ff rgb(49,120,255)
```
#4485ff
```
#4485ff rgb(68,133,255)
```
#5892ff
```
#5892ff rgb(88,146,255)
```
#6c9fff
```
#6c9fff rgb(108,159,255)
```
#7facff
```
#7facff rgb(127,172,255)
```
#93b8ff
```
#93b8ff rgb(147,184,255)
```
#a6c5ff
```
#a6c5ff rgb(166,197,255)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```
#cedfff
```
#cedfff rgb(206,223,255)
```
#e1ecff
```
#e1ecff rgb(225,236,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#dadcdf
```
#dadcdf rgb(218,220,223)
```
#d7dbe2
```
#d7dbe2 rgb(215,219,226)
```
#d5dae4
```
#d5dae4 rgb(213,218,228)
```
#d2d9e7
```
#d2d9e7 rgb(210,217,231)
```
#cfd8ea
```
#cfd8ea rgb(207,216,234)
```
#cdd8ec
```
#cdd8ec rgb(205,216,236)
```
#cad7ef
```
#cad7ef rgb(202,215,239)
```
#c7d6f2
```
#c7d6f2 rgb(199,214,242)
```
#c5d5f4
```
#c5d5f4 rgb(197,213,244)
```
#c2d4f7
```
#c2d4f7 rgb(194,212,247)
```
#bfd4fa
```
#bfd4fa rgb(191,212,250)
```
#bdd3fc
```
#bdd3fc rgb(189,211,252)
```
#bad2ff
```
#bad2ff rgb(186,210,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd0d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8d1fd Protanopia 1% of men
#cecfff Deuteranopia 1% of men
#b7d8e8 Tritanopia 0.001% of the population

Trichromacy

#c3d1fd Protanomaly 1% of men, 0.01% of women
#c7d0ff Deuteranomaly 6% of men, 0.4% of women
#b8d6f0 Tritanomaly 0.01% of the population

#bad2ff hex color

#bad2ff Color Information

#bad2ff Color Conversion

Color Schemes with #bad2ff

Alternatives to #bad2ff

#bad2ff Preview

Shades and Tints of #bad2ff

Tones of #bad2ff

Color Blindness Simulator