#bad0f7 hex color

In a RGB color space, hex #bad0f7 is composed of 72.9% red, 81.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 15.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 218.4 degrees, a saturation of 79.2% and a lightness of 84.9%. #bad0f7 color hex could be obtained by blending #ffffff with #75a1ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 82
- B 97
RGB color chart
- C 25
- M 16
- Y 0
- K 3
CMYK color chart

● #bad0f7 color description : Very soft blue.

The hexadecimal color #bad0f7 has RGB values of R:186, G:208, B:247 and CMYK values of C:0.25, M:0.16, Y:0, K:0.03. Its decimal value is 12243191.

Hex triplet	bad0f7	`#bad0f7`
RGB Decimal	186, 208, 247	`rgb(186,208,247)`
RGB Percent	72.9, 81.6, 96.9	`rgb(72.9%,81.6%,96.9%)`
CMYK	25, 16, 0, 3
HSL	218.4°, 79.2, 84.9	`hsl(218.4,79.2%,84.9%)`
HSV (or HSB)	218.4°, 24.7, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.054, 0.983, -21.573
XYZ	59.591, 62.265, 96.869
xyY	0.272, 0.285, 62.265
CIE-LCH	83.054, 21.595, 272.608
CIE-LUV	83.054, -13.199, -34.505
Hunter-Lab	78.908, -3.288, -17.55
Binary	10111010, 11010000, 11110111

#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#f7e1ba
```
#f7e1ba rgb(247,225,186)
```

Complementary Color

#baeff7
```
#baeff7 rgb(186,239,247)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#c3baf7
```
#c3baf7 rgb(195,186,247)
```

Analogous Color

#eff7ba
```
#eff7ba rgb(239,247,186)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#f7c3ba
```
#f7c3ba rgb(247,195,186)
```

Split Complementary Color

#d0f7ba
```
#d0f7ba rgb(208,247,186)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#f7bad0
```
#f7bad0 rgb(247,186,208)
```

Triadic Color

#baf7e1
```
#baf7e1 rgb(186,247,225)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#f7bad0
```
#f7bad0 rgb(247,186,208)
```
#f7e1ba
```
#f7e1ba rgb(247,225,186)
```

Tetradic Color

#75a1ef
```
#75a1ef rgb(117,161,239)
```
#8cb1f2
```
#8cb1f2 rgb(140,177,242)
```
#a3c0f4
```
#a3c0f4 rgb(163,192,244)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#badff7
```
#badff7 rgb(186,223,247)
```
#badaf7
```
#badaf7 rgb(186,218,247)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#bac6f7
```
#bac6f7 rgb(186,198,247)
```
#bac1f7
```
#bac1f7 rgb(186,193,247)
```

Similar Colors

Text with hexadecimal color #bad0f7

This text has a font color of #bad0f7.

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

#bad0f7 background color

This paragraph has a background color of #bad0f7.

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

#bad0f7 border color

This element has a border color of #bad0f7.

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

CSS codes

.text {color:#bad0f7;}

.background {background-color:#bad0f7;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020813
```
#020813 rgb(2,8,19)
```
#041024
```
#041024 rgb(4,16,36)
```
#061736
```
#061736 rgb(6,23,54)
```
#081f48
```
#081f48 rgb(8,31,72)
```
#0a2759
```
#0a2759 rgb(10,39,89)
```
#0c2e6b
```
#0c2e6b rgb(12,46,107)
```
#0e367c
```
#0e367c rgb(14,54,124)
```
#103e8e
```
#103e8e rgb(16,62,142)
```
#1245a0
```
#1245a0 rgb(18,69,160)
```
#154db1
```
#154db1 rgb(21,77,177)
```
#1755c3
```
#1755c3 rgb(23,85,195)
```
#195cd4
```
#195cd4 rgb(25,92,212)
```

Shade Color Variation

#1c64e5
```
#1c64e5 rgb(28,100,229)
```
#2d70e7
```
#2d70e7 rgb(45,112,231)
```
#3f7ce9
```
#3f7ce9 rgb(63,124,233)
```
#5188eb
```
#5188eb rgb(81,136,235)
```
#6294ed
```
#6294ed rgb(98,148,237)
```
#74a0ef
```
#74a0ef rgb(116,160,239)
```
#85acf1
```
#85acf1 rgb(133,172,241)
```
#97b8f3
```
#97b8f3 rgb(151,184,243)
```
#a8c4f5
```
#a8c4f5 rgb(168,196,245)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#ccdcf9
```
#ccdcf9 rgb(204,220,249)
```
#dde8fb
```
#dde8fb rgb(221,232,251)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d7dc
```
#d5d7dc rgb(213,215,220)
```
#d2d7df
```
#d2d7df rgb(210,215,223)
```
#cfd6e2
```
#cfd6e2 rgb(207,214,226)
```
#ccd5e5
```
#ccd5e5 rgb(204,213,229)
```
#c9d4e8
```
#c9d4e8 rgb(201,212,232)
```
#c6d3eb
```
#c6d3eb rgb(198,211,235)
```
#c3d2ee
```
#c3d2ee rgb(195,210,238)
```
#c0d2f1
```
#c0d2f1 rgb(192,210,241)
```
#bdd1f4
```
#bdd1f4 rgb(189,209,244)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#b7cffa
```
#b7cffa rgb(183,207,250)
```
#b4cefd
```
#b4cefd rgb(180,206,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#caced6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cff5 Protanopia 1% of men
#cfcdf9 Deuteranopia 1% of men
#b9d5e5 Tritanopia 0.001% of the population

Trichromacy

#c3cff6 Protanomaly 1% of men, 0.01% of women
#c7cef8 Deuteranomaly 6% of men, 0.4% of women
#b9d3eb Tritanomaly 0.01% of the population

#bad0f7 hex color

#bad0f7 Color Information

#bad0f7 Color Conversion

Color Schemes with #bad0f7

Alternatives to #bad0f7

#bad0f7 Preview

Shades and Tints of #bad0f7

Tones of #bad0f7

Color Blindness Simulator