#baddf1 hex color

In a RGB color space, hex #baddf1 is composed of 72.9% red, 86.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 8.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 201.8 degrees, a saturation of 66.3% and a lightness of 83.7%. #baddf1 color hex could be obtained by blending #ffffff with #75bbe3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 87
- B 95
RGB color chart
- C 23
- M 8
- Y 0
- K 5
CMYK color chart

● #baddf1 color description : Very soft blue.

The hexadecimal color #baddf1 has RGB values of R:186, G:221, B:241 and CMYK values of C:0.23, M:0.08, Y:0, K:0.05. Its decimal value is 12246513.

Hex triplet	baddf1	`#baddf1`
RGB Decimal	186, 221, 241	`rgb(186,221,241)`
RGB Percent	72.9, 86.7, 94.5	`rgb(72.9%,86.7%,94.5%)`
CMYK	23, 8, 0, 5
HSL	201.8°, 66.3, 83.7	`hsl(201.8,66.3%,83.7%)`
HSV (or HSB)	201.8°, 22.8, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.257, -7.176, -13.572
XYZ	61.98, 68.501, 93.171
xyY	0.277, 0.306, 68.501
CIE-LCH	86.257, 15.352, 242.132
CIE-LUV	86.257, -18.778, -20.187
Hunter-Lab	82.766, -11.168, -8.808
Binary	10111010, 11011101, 11110001

#baddf1
```
#baddf1 rgb(186,221,241)
```
#f1ceba
```
#f1ceba rgb(241,206,186)
```

Complementary Color

#baf1ea
```
#baf1ea rgb(186,241,234)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#bac2f1
```
#bac2f1 rgb(186,194,241)
```

Analogous Color

#f1eaba
```
#f1eaba rgb(241,234,186)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#f1bac2
```
#f1bac2 rgb(241,186,194)
```

Split Complementary Color

#ddf1ba
```
#ddf1ba rgb(221,241,186)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#f1badd
```
#f1badd rgb(241,186,221)
```

Triadic Color

#baf1ce
```
#baf1ce rgb(186,241,206)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#f1badd
```
#f1badd rgb(241,186,221)
```
#f1ceba
```
#f1ceba rgb(241,206,186)
```

Tetradic Color

#7abee4
```
#7abee4 rgb(122,190,228)
```
#90c8e8
```
#90c8e8 rgb(144,200,232)
```
#a5d3ed
```
#a5d3ed rgb(165,211,237)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#cfe7f5
```
#cfe7f5 rgb(207,231,245)
```
#e4f2fa
```
#e4f2fa rgb(228,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Monochromatic Color

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

#baebf1
```
#baebf1 rgb(186,235,241)
```
#bae6f1
```
#bae6f1 rgb(186,230,241)
```
#bae2f1
```
#bae2f1 rgb(186,226,241)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#bad8f1
```
#bad8f1 rgb(186,216,241)
```
#bad4f1
```
#bad4f1 rgb(186,212,241)
```
#bacff1
```
#bacff1 rgb(186,207,241)
```

Similar Colors

Text with hexadecimal color #baddf1

This text has a font color of #baddf1.

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

#baddf1 background color

This paragraph has a background color of #baddf1.

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

#baddf1 border color

This element has a border color of #baddf1.

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

CSS codes

.text {color:#baddf1;}

.background {background-color:#baddf1;}

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

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, #03090d is the darkest color, while #fbfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141d
```
#06141d rgb(6,20,29)
```
#09202d
```
#09202d rgb(9,32,45)
```
#0c2c3d
```
#0c2c3d rgb(12,44,61)
```
#10374e
```
#10374e rgb(16,55,78)
```
#13435e
```
#13435e rgb(19,67,94)
```
#164e6e
```
#164e6e rgb(22,78,110)
```
#1a5a7f
```
#1a5a7f rgb(26,90,127)
```
#1d668f
```
#1d668f rgb(29,102,143)
```
#20719f
```
#20719f rgb(32,113,159)
```
#247db0
```
#247db0 rgb(36,125,176)
```
#2788c0
```
#2788c0 rgb(39,136,192)
```
#2a94d0
```
#2a94d0 rgb(42,148,208)
```

Shade Color Variation

#389dd7
```
#389dd7 rgb(56,157,215)
```
#48a5da
```
#48a5da rgb(72,165,218)
```
#58addd
```
#58addd rgb(88,173,221)
```
#68b5e0
```
#68b5e0 rgb(104,181,224)
```
#79bde4
```
#79bde4 rgb(121,189,228)
```
#89c5e7
```
#89c5e7 rgb(137,197,231)
```
#99cdea
```
#99cdea rgb(153,205,234)
```
#aad5ee
```
#aad5ee rgb(170,213,238)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#cae5f4
```
#cae5f4 rgb(202,229,244)
```
#dbedf8
```
#dbedf8 rgb(219,237,248)
```
#ebf5fb
```
#ebf5fb rgb(235,245,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#d4d6d7
```
#d4d6d7 rgb(212,214,215)
```
#d0d7db
```
#d0d7db rgb(208,215,219)
```
#cdd8de
```
#cdd8de rgb(205,216,222)
```
#cad9e1
```
#cad9e1 rgb(202,217,225)
```
#c7dae4
```
#c7dae4 rgb(199,218,228)
```
#c4dae7
```
#c4dae7 rgb(196,218,231)
```
#c0dbeb
```
#c0dbeb rgb(192,219,235)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#b7def4
```
#b7def4 rgb(183,222,244)
```
#b4dff7
```
#b4dff7 rgb(180,223,247)
```
#b0e0fb
```
#b0e0fb rgb(176,224,251)
```
#ade0fe
```
#ade0fe rgb(173,224,254)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d8ee Protanopia 1% of men
#e0d4f5 Deuteranopia 1% of men
#bcdfef Tritanopia 0.001% of the population

Trichromacy

#ccdaef Protanomaly 1% of men, 0.01% of women
#d2d7f3 Deuteranomaly 6% of men, 0.4% of women
#bbdeef Tritanomaly 0.01% of the population

#baddf1 hex color

#baddf1 Color Information

#baddf1 Color Conversion

Color Schemes with #baddf1

Alternatives to #baddf1

#baddf1 Preview

Shades and Tints of #baddf1

Tones of #baddf1

Color Blindness Simulator