#bad5f7 hex color

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

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

● #bad5f7 color description : Very soft blue.

The hexadecimal color #bad5f7 has RGB values of R:186, G:213, B:247 and CMYK values of C:0.25, M:0.14, Y:0, K:0.03. Its decimal value is 12244471.

Hex triplet	bad5f7	`#bad5f7`
RGB Decimal	186, 213, 247	`rgb(186,213,247)`
RGB Percent	72.9, 83.5, 96.9	`rgb(72.9%,83.5%,96.9%)`
CMYK	25, 14, 0, 3
HSL	213.4°, 79.2, 84.9	`hsl(213.4,79.2%,84.9%)`
HSV (or HSB)	213.4°, 24.7, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.35, -1.661, -19.611
XYZ	60.829, 64.742, 97.282
xyY	0.273, 0.291, 64.742
CIE-LCH	84.35, 19.681, 265.159
CIE-LUV	84.35, -15.394, -30.904
Hunter-Lab	80.462, -5.864, -15.36
Binary	10111010, 11010101, 11110111

#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#f7dcba
```
#f7dcba rgb(247,220,186)
```

Complementary Color

#baf4f7
```
#baf4f7 rgb(186,244,247)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#bebaf7
```
#bebaf7 rgb(190,186,247)
```

Analogous Color

#f4f7ba
```
#f4f7ba rgb(244,247,186)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#f7beba
```
#f7beba rgb(247,190,186)
```

Split Complementary Color

#d5f7ba
```
#d5f7ba rgb(213,247,186)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#f7bad5
```
#f7bad5 rgb(247,186,213)
```

Triadic Color

#baf7dc
```
#baf7dc rgb(186,247,220)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#f7bad5
```
#f7bad5 rgb(247,186,213)
```
#f7dcba
```
#f7dcba rgb(247,220,186)
```

Tetradic Color

#75abef
```
#75abef rgb(117,171,239)
```
#8cb9f2
```
#8cb9f2 rgb(140,185,242)
```
#a3c7f4
```
#a3c7f4 rgb(163,199,244)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#d1e3fa
```
#d1e3fa rgb(209,227,250)
```
#e8f1fc
```
#e8f1fc rgb(232,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae4f7
```
#bae4f7 rgb(186,228,247)
```
#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)
```

Similar Colors

Text with hexadecimal color #bad5f7

This text has a font color of #bad5f7.

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

#bad5f7 background color

This paragraph has a background color of #bad5f7.

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

#bad5f7 border color

This element has a border color of #bad5f7.

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

CSS codes

.text {color:#bad5f7;}

.background {background-color:#bad5f7;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020a13
```
#020a13 rgb(2,10,19)
```
#041224
```
#041224 rgb(4,18,36)
```
#061b36
```
#061b36 rgb(6,27,54)
```
#082448
```
#082448 rgb(8,36,72)
```
#0a2d59
```
#0a2d59 rgb(10,45,89)
```
#0c366b
```
#0c366b rgb(12,54,107)
```
#0e3f7c
```
#0e3f7c rgb(14,63,124)
```
#10488e
```
#10488e rgb(16,72,142)
```
#1251a0
```
#1251a0 rgb(18,81,160)
```
#155ab1
```
#155ab1 rgb(21,90,177)
```
#1763c3
```
#1763c3 rgb(23,99,195)
```
#196cd4
```
#196cd4 rgb(25,108,212)
```

Shade Color Variation

#1c75e5
```
#1c75e5 rgb(28,117,229)
```
#2d7fe7
```
#2d7fe7 rgb(45,127,231)
```
#3f8ae9
```
#3f8ae9 rgb(63,138,233)
```
#5195eb
```
#5195eb rgb(81,149,235)
```
#62a0ed
```
#62a0ed rgb(98,160,237)
```
#74aaef
```
#74aaef rgb(116,170,239)
```
#85b5f1
```
#85b5f1 rgb(133,181,241)
```
#97c0f3
```
#97c0f3 rgb(151,192,243)
```
#a8caf5
```
#a8caf5 rgb(168,202,245)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#cce0f9
```
#cce0f9 rgb(204,224,249)
```
#ddeafb
```
#ddeafb rgb(221,234,251)
```
#eff5fd
```
#eff5fd rgb(239,245,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 #b4d4fd is the most saturated one.

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d8dc
```
#d5d8dc rgb(213,216,220)
```
#d2d8df
```
#d2d8df rgb(210,216,223)
```
#cfd7e2
```
#cfd7e2 rgb(207,215,226)
```
#ccd7e5
```
#ccd7e5 rgb(204,215,229)
```
#c9d7e8
```
#c9d7e8 rgb(201,215,232)
```
#c6d6eb
```
#c6d6eb rgb(198,214,235)
```
#c3d6ee
```
#c3d6ee rgb(195,214,238)
```
#c0d6f1
```
#c0d6f1 rgb(192,214,241)
```
#bdd5f4
```
#bdd5f4 rgb(189,213,244)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#b7d5fa
```
#b7d5fa rgb(183,213,250)
```
#b4d4fd
```
#b4d4fd rgb(180,212,253)
```

Tone Color Variation

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

Dichromacy

#cdd3f4 Protanopia 1% of men
#d5d0f9 Deuteranopia 1% of men
#bad9e9 Tritanopia 0.001% of the population

Trichromacy

#c6d3f5 Protanomaly 1% of men, 0.01% of women
#cbd2f8 Deuteranomaly 6% of men, 0.4% of women
#bad7ee Tritanomaly 0.01% of the population

#bad5f7 hex color

#bad5f7 Color Information

#bad5f7 Color Conversion

Color Schemes with #bad5f7

Alternatives to #bad5f7

#bad5f7 Preview

Shades and Tints of #bad5f7

Tones of #bad5f7

Color Blindness Simulator