#bad3ef hex color

In a RGB color space, hex #bad3ef is composed of 72.9% red, 82.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 11.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.7 degrees, a saturation of 62.4% and a lightness of 83.3%. #bad3ef color hex could be obtained by blending #ffffff with #75a7df. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 83
- B 94
RGB color chart
- C 22
- M 12
- Y 0
- K 6
CMYK color chart

● #bad3ef color description : Very soft blue.

The hexadecimal color #bad3ef has RGB values of R:186, G:211, B:239 and CMYK values of C:0.22, M:0.12, Y:0, K:0.06. Its decimal value is 12243951.

Hex triplet	bad3ef	`#bad3ef`
RGB Decimal	186, 211, 239	`rgb(186,211,239)`
RGB Percent	72.9, 82.7, 93.7	`rgb(72.9%,82.7%,93.7%)`
CMYK	22, 12, 0, 6
HSL	211.7°, 62.4, 83.3	`hsl(211.7,62.4%,83.3%)`
HSV (or HSB)	211.7°, 22.2, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.578, -2.404, -16.532
XYZ	59.121, 63.258, 90.752
xyY	0.277, 0.297, 63.258
CIE-LCH	83.578, 16.706, 261.727
CIE-LUV	83.578, -14.26, -25.683
Hunter-Lab	79.535, -6.503, -11.977
Binary	10111010, 11010011, 11101111

#bad3ef
```
#bad3ef rgb(186,211,239)
```
#efd6ba
```
#efd6ba rgb(239,214,186)
```

Complementary Color

#baeeef
```
#baeeef rgb(186,238,239)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#bcbaef
```
#bcbaef rgb(188,186,239)
```

Analogous Color

#eeefba
```
#eeefba rgb(238,239,186)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#efbcba
```
#efbcba rgb(239,188,186)
```

Split Complementary Color

#d3efba
```
#d3efba rgb(211,239,186)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#efbad3
```
#efbad3 rgb(239,186,211)
```

Triadic Color

#baefd6
```
#baefd6 rgb(186,239,214)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#efbad3
```
#efbad3 rgb(239,186,211)
```
#efd6ba
```
#efd6ba rgb(239,214,186)
```

Tetradic Color

#7cabe1
```
#7cabe1 rgb(124,171,225)
```
#91b9e5
```
#91b9e5 rgb(145,185,229)
```
#a5c6ea
```
#a5c6ea rgb(165,198,234)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#cfe0f4
```
#cfe0f4 rgb(207,224,244)
```
#e3edf9
```
#e3edf9 rgb(227,237,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bae0ef
```
#bae0ef rgb(186,224,239)
```
#badcef
```
#badcef rgb(186,220,239)
```
#bad7ef
```
#bad7ef rgb(186,215,239)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#bacfef
```
#bacfef rgb(186,207,239)
```
#bacaef
```
#bacaef rgb(186,202,239)
```
#bac6ef
```
#bac6ef rgb(186,198,239)
```

Similar Colors

Text with hexadecimal color #bad3ef

This text has a font color of #bad3ef.

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

#bad3ef background color

This paragraph has a background color of #bad3ef.

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

#bad3ef border color

This element has a border color of #bad3ef.

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

CSS codes

.text {color:#bad3ef;}

.background {background-color:#bad3ef;}

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

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#06101b
```
#06101b rgb(6,16,27)
```
#0a192a
```
#0a192a rgb(10,25,42)
```
#0e233a
```
#0e233a rgb(14,35,58)
```
#112c4a
```
#112c4a rgb(17,44,74)
```
#15365a
```
#15365a rgb(21,54,90)
```
#193f6a
```
#193f6a rgb(25,63,106)
```
#1c497a
```
#1c497a rgb(28,73,122)
```
#20528a
```
#20528a rgb(32,82,138)
```
#245b9a
```
#245b9a rgb(36,91,154)
```
#2765aa
```
#2765aa rgb(39,101,170)
```
#2b6eba
```
#2b6eba rgb(43,110,186)
```
#2f78ca
```
#2f78ca rgb(47,120,202)
```

Shade Color Variation

#3b82d1
```
#3b82d1 rgb(59,130,209)
```
#4b8cd5
```
#4b8cd5 rgb(75,140,213)
```
#5a96d9
```
#5a96d9 rgb(90,150,217)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#7aaae0
```
#7aaae0 rgb(122,170,224)
```
#8ab5e4
```
#8ab5e4 rgb(138,181,228)
```
#9abfe8
```
#9abfe8 rgb(154,191,232)
```
#aac9eb
```
#aac9eb rgb(170,201,235)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#caddf3
```
#caddf3 rgb(202,221,243)
```
#dae7f6
```
#dae7f6 rgb(218,231,246)
```
#eaf1fa
```
#eaf1fa rgb(234,241,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d4d4d5
```
#d4d4d5 rgb(212,212,213)
```
#d1d4d8
```
#d1d4d8 rgb(209,212,216)
```
#ced4db
```
#ced4db rgb(206,212,219)
```
#cad4df
```
#cad4df rgb(202,212,223)
```
#c7d4e2
```
#c7d4e2 rgb(199,212,226)
```
#c4d4e5
```
#c4d4e5 rgb(196,212,229)
```
#c1d3e8
```
#c1d3e8 rgb(193,211,232)
```
#bdd3ec
```
#bdd3ec rgb(189,211,236)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#b7d3f2
```
#b7d3f2 rgb(183,211,242)
```
#b3d3f6
```
#b3d3f6 rgb(179,211,246)
```
#b0d2f9
```
#b0d2f9 rgb(176,210,249)
```
#add2fc
```
#add2fc rgb(173,210,252)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd0d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd1ed Protanopia 1% of men
#d6cef2 Deuteranopia 1% of men
#bbd6e6 Tritanopia 0.001% of the population

Trichromacy

#c6d1ed Protanomaly 1% of men, 0.01% of women
#cbcff1 Deuteranomaly 6% of men, 0.4% of women
#bad5e9 Tritanomaly 0.01% of the population

#bad3ef hex color

#bad3ef Color Information

#bad3ef Color Conversion

Color Schemes with #bad3ef

Alternatives to #bad3ef

#bad3ef Preview

Shades and Tints of #bad3ef

Tones of #bad3ef

Color Blindness Simulator