#badee3 hex color

In a RGB color space, hex #badee3 is composed of 72.9% red, 87.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 2.2% magenta, 0% yellow and 11% black. It has a hue angle of 187.3 degrees, a saturation of 42.3% and a lightness of 81%. #badee3 color hex could be obtained by blending #ffffff with #75bdc7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 87
- B 89
RGB color chart
- C 18
- M 2
- Y 0
- K 11
CMYK color chart

● #badee3 color description : Light grayish cyan.

The hexadecimal color #badee3 has RGB values of R:186, G:222, B:227 and CMYK values of C:0.18, M:0.02, Y:0, K:0.11. Its decimal value is 12246755.

Hex triplet	badee3	`#badee3`
RGB Decimal	186, 222, 227	`rgb(186,222,227)`
RGB Percent	72.9, 87.1, 89	`rgb(72.9%,87.1%,89%)`
CMYK	18, 2, 0, 11
HSL	187.3°, 42.3, 81	`hsl(187.3,42.3%,81%)`
HSV (or HSB)	187.3°, 18.1, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.119, -10.698, -6.384
XYZ	60.233, 68.226, 82.664
xyY	0.285, 0.323, 68.226
CIE-LCH	86.119, 12.458, 210.828
CIE-LUV	86.119, -18.93, -8.079
Hunter-Lab	82.599, -14.383, -1.517
Binary	10111010, 11011110, 11100011

#badee3
```
#badee3 rgb(186,222,227)
```
#e3bfba
```
#e3bfba rgb(227,191,186)
```

Complementary Color

#bae3d4
```
#bae3d4 rgb(186,227,212)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#bacae3
```
#bacae3 rgb(186,202,227)
```

Analogous Color

#e3d4ba
```
#e3d4ba rgb(227,212,186)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#e3baca
```
#e3baca rgb(227,186,202)
```

Split Complementary Color

#dee3ba
```
#dee3ba rgb(222,227,186)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#e3bade
```
#e3bade rgb(227,186,222)
```

Triadic Color

#bae3bf
```
#bae3bf rgb(186,227,191)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#e3bade
```
#e3bade rgb(227,186,222)
```
#e3bfba
```
#e3bfba rgb(227,191,186)
```

Tetradic Color

#84c4cd
```
#84c4cd rgb(132,196,205)
```
#96cdd4
```
#96cdd4 rgb(150,205,212)
```
#a8d5dc
```
#a8d5dc rgb(168,213,220)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#cce7ea
```
#cce7ea rgb(204,231,234)
```
#deeff2
```
#deeff2 rgb(222,239,242)
```
#f0f8f9
```
#f0f8f9 rgb(240,248,249)
```

Monochromatic Color

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

#bae3de
```
#bae3de rgb(186,227,222)
```
#bae3e1
```
#bae3e1 rgb(186,227,225)
```
#bae1e3
```
#bae1e3 rgb(186,225,227)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#badbe3
```
#badbe3 rgb(186,219,227)
```
#bad7e3
```
#bad7e3 rgb(186,215,227)
```
#bad4e3
```
#bad4e3 rgb(186,212,227)
```

Similar Colors

Text with hexadecimal color #badee3

This text has a font color of #badee3.

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

#badee3 background color

This paragraph has a background color of #badee3.

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

#badee3 border color

This element has a border color of #badee3.

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

CSS codes

.text {color:#badee3;}

.background {background-color:#badee3;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060e0f
```
#060e0f rgb(6,14,15)
```
#0c1b1d
```
#0c1b1d rgb(12,27,29)
```
#11282b
```
#11282b rgb(17,40,43)
```
#173439
```
#173439 rgb(23,52,57)
```
#1d4147
```
#1d4147 rgb(29,65,71)
```
#224e54
```
#224e54 rgb(34,78,84)
```
#285b62
```
#285b62 rgb(40,91,98)
```
#2e6870
```
#2e6870 rgb(46,104,112)
```
#33757e
```
#33757e rgb(51,117,126)
```
#39828c
```
#39828c rgb(57,130,140)
```
#3f8f9a
```
#3f8f9a rgb(63,143,154)
```
#449ca8
```
#449ca8 rgb(68,156,168)
```

Shade Color Variation

#4aa9b6
```
#4aa9b6 rgb(74,169,182)
```
#58afbb
```
#58afbb rgb(88,175,187)
```
#66b6c1
```
#66b6c1 rgb(102,182,193)
```
#74bdc7
```
#74bdc7 rgb(116,189,199)
```
#82c3cc
```
#82c3cc rgb(130,195,204)
```
#90cad2
```
#90cad2 rgb(144,202,210)
```
#9ed1d8
```
#9ed1d8 rgb(158,209,216)
```
#acd7dd
```
#acd7dd rgb(172,215,221)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#c8e5e9
```
#c8e5e9 rgb(200,229,233)
```
#d6ebee
```
#d6ebee rgb(214,235,238)
```
#e4f2f4
```
#e4f2f4 rgb(228,242,244)
```
#f2f9fa
```
#f2f9fa rgb(242,249,250)
```

Tint Color Variation

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

#cdd0d0
```
#cdd0d0 rgb(205,208,208)
```
#c9d3d4
```
#c9d3d4 rgb(201,211,212)
```
#c5d6d8
```
#c5d6d8 rgb(197,214,216)
```
#c1d8dc
```
#c1d8dc rgb(193,216,220)
```
#bedbdf
```
#bedbdf rgb(190,219,223)
```
#badee3
```
#badee3 rgb(186,222,227)
```
#b6e1e7
```
#b6e1e7 rgb(182,225,231)
```
#b3e4ea
```
#b3e4ea rgb(179,228,234)
```
#afe6ee
```
#afe6ee rgb(175,230,238)
```
#abe9f2
```
#abe9f2 rgb(171,233,242)
```
#a7ecf6
```
#a7ecf6 rgb(167,236,246)
```
#a4eff9
```
#a4eff9 rgb(164,239,249)
```
#a0f2fd
```
#a0f2fd rgb(160,242,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd6d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad8e0 Protanopia 1% of men
#e6d3e8 Deuteranopia 1% of men
#bfdeee Tritanopia 0.001% of the population

Trichromacy

#cedae1 Protanomaly 1% of men, 0.01% of women
#d6d7e6 Deuteranomaly 6% of men, 0.4% of women
#bddeea Tritanomaly 0.01% of the population

#badee3 hex color

#badee3 Color Information

#badee3 Color Conversion

Color Schemes with #badee3

Alternatives to #badee3

#badee3 Preview

Shades and Tints of #badee3

Tones of #badee3

Color Blindness Simulator