#bad9f5 hex color

In a RGB color space, hex #bad9f5 is composed of 72.9% red, 85.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 11.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 208.5 degrees, a saturation of 74.7% and a lightness of 84.5%. #bad9f5 color hex could be obtained by blending #ffffff with #75b3eb. Closest websafe color is: #ccccff.

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

● #bad9f5 color description : Very soft blue.

The hexadecimal color #bad9f5 has RGB values of R:186, G:217, B:245 and CMYK values of C:0.24, M:0.11, Y:0, K:0.04. Its decimal value is 12245493.

Hex triplet	bad9f5	`#bad9f5`
RGB Decimal	186, 217, 245	`rgb(186,217,245)`
RGB Percent	72.9, 85.1, 96.1	`rgb(72.9%,85.1%,96.1%)`
CMYK	24, 11, 0, 4
HSL	208.5°, 74.7, 84.5	`hsl(208.5,74.7%,84.5%)`
HSV (or HSB)	208.5°, 24.1, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.33, -4.209, -17.075
XYZ	61.54, 66.656, 96.005
xyY	0.274, 0.297, 66.656
CIE-LCH	85.33, 17.586, 256.153
CIE-LUV	85.33, -17.101, -26.361
Hunter-Lab	81.643, -8.327, -12.569
Binary	10111010, 11011001, 11110101

#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#f5d6ba
```
#f5d6ba rgb(245,214,186)
```

Complementary Color

#baf5f4
```
#baf5f4 rgb(186,245,244)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#babcf5
```
#babcf5 rgb(186,188,245)
```

Analogous Color

#f5f4ba
```
#f5f4ba rgb(245,244,186)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#f5babc
```
#f5babc rgb(245,186,188)
```

Split Complementary Color

#d9f5ba
```
#d9f5ba rgb(217,245,186)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#f5bad9
```
#f5bad9 rgb(245,186,217)
```

Triadic Color

#baf5d6
```
#baf5d6 rgb(186,245,214)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#f5bad9
```
#f5bad9 rgb(245,186,217)
```
#f5d6ba
```
#f5d6ba rgb(245,214,186)
```

Tetradic Color

#77b4eb
```
#77b4eb rgb(119,180,235)
```
#8dc0ef
```
#8dc0ef rgb(141,192,239)
```
#a4cdf2
```
#a4cdf2 rgb(164,205,242)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#d0e5f8
```
#d0e5f8 rgb(208,229,248)
```
#e7f2fb
```
#e7f2fb rgb(231,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#bae8f5
```
#bae8f5 rgb(186,232,245)
```
#bae3f5
```
#bae3f5 rgb(186,227,245)
```
#badef5
```
#badef5 rgb(186,222,245)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#bad4f5
```
#bad4f5 rgb(186,212,245)
```
#bacff5
```
#bacff5 rgb(186,207,245)
```
#bacaf5
```
#bacaf5 rgb(186,202,245)
```

Similar Colors

Text with hexadecimal color #bad9f5

This text has a font color of #bad9f5.

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

#bad9f5 background color

This paragraph has a background color of #bad9f5.

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

#bad9f5 border color

This element has a border color of #bad9f5.

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

CSS codes

.text {color:#bad9f5;}

.background {background-color:#bad9f5;}

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

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, #020a11 is the darkest color, while #ffffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#051422
```
#051422 rgb(5,20,34)
```
#071e33
```
#071e33 rgb(7,30,51)
```
#0a2844
```
#0a2844 rgb(10,40,68)
```
#0c3355
```
#0c3355 rgb(12,51,85)
```
#0f3d66
```
#0f3d66 rgb(15,61,102)
```
#114777
```
#114777 rgb(17,71,119)
```
#145189
```
#145189 rgb(20,81,137)
```
#165b9a
```
#165b9a rgb(22,91,154)
```
#1966ab
```
#1966ab rgb(25,102,171)
```
#1b70bc
```
#1b70bc rgb(27,112,188)
```
#1e7acd
```
#1e7acd rgb(30,122,205)
```
#2084de
```
#2084de rgb(32,132,222)
```

Shade Color Variation

#318ee1
```
#318ee1 rgb(49,142,225)
```
#4297e4
```
#4297e4 rgb(66,151,228)
```
#53a0e6
```
#53a0e6 rgb(83,160,230)
```
#64aae9
```
#64aae9 rgb(100,170,233)
```
#75b3eb
```
#75b3eb rgb(117,179,235)
```
#87bdee
```
#87bdee rgb(135,189,238)
```
#98c6f0
```
#98c6f0 rgb(152,198,240)
```
#a9d0f3
```
#a9d0f3 rgb(169,208,243)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#cbe2f7
```
#cbe2f7 rgb(203,226,247)
```
#dcecfa
```
#dcecfa rgb(220,236,250)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5d8da
```
#d5d8da rgb(213,216,218)
```
#d2d8dd
```
#d2d8dd rgb(210,216,221)
```
#cfd8e0
```
#cfd8e0 rgb(207,216,224)
```
#ccd8e3
```
#ccd8e3 rgb(204,216,227)
```
#c9d8e6
```
#c9d8e6 rgb(201,216,230)
```
#c6d8e9
```
#c6d8e9 rgb(198,216,233)
```
#c3d9ec
```
#c3d9ec rgb(195,217,236)
```
#c0d9ef
```
#c0d9ef rgb(192,217,239)
```
#bdd9f2
```
#bdd9f2 rgb(189,217,242)
```
#bad9f5
```
#bad9f5 rgb(186,217,245)
```
#b7d9f8
```
#b7d9f8 rgb(183,217,248)
```
#b4d9fb
```
#b4d9fb rgb(180,217,251)
```
#b1d9fe
```
#b1d9fe rgb(177,217,254)
```

Tone Color Variation

Below, you can see how #bad9f5 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
#ced4da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d5f2 Protanopia 1% of men
#dad2f8 Deuteranopia 1% of men
#bbdcec Tritanopia 0.001% of the population

Trichromacy

#c9d6f3 Protanomaly 1% of men, 0.01% of women
#ced4f7 Deuteranomaly 6% of men, 0.4% of women
#badbef Tritanomaly 0.01% of the population

#bad9f5 hex color

#bad9f5 Color Information

#bad9f5 Color Conversion

Color Schemes with #bad9f5

Alternatives to #bad9f5

#bad9f5 Preview

Shades and Tints of #bad9f5

Tones of #bad9f5

Color Blindness Simulator