#baddce hex color

In a RGB color space, hex #baddce is composed of 72.9% red, 86.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 6.8% yellow and 13.3% black. It has a hue angle of 154.3 degrees, a saturation of 34% and a lightness of 79.8%. #baddce color hex could be obtained by blending #ffffff with #75bb9d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 87
- B 81
RGB color chart
- C 16
- M 0
- Y 7
- K 13
CMYK color chart

● #baddce color description : Light grayish cyan - lime green.

The hexadecimal color #baddce has RGB values of R:186, G:221, B:206 and CMYK values of C:0.16, M:0, Y:0.07, K:0.13. Its decimal value is 12246478.

Hex triplet	baddce	`#baddce`
RGB Decimal	186, 221, 206	`rgb(186,221,206)`
RGB Percent	72.9, 86.7, 80.8	`rgb(72.9%,86.7%,80.8%)`
CMYK	16, 0, 7, 13
HSL	154.3°, 34, 79.8	`hsl(154.3,34%,79.8%)`
HSV (or HSB)	154.3°, 15.8, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.305, -14.412, 3.518
XYZ	57.244, 66.607, 68.23
xyY	0.298, 0.347, 66.607
CIE-LCH	85.305, 14.835, 166.283
CIE-LUV	85.305, -18.034, 7.803
Hunter-Lab	81.613, -17.622, 7.562
Binary	10111010, 11011101, 11001110

#baddce
```
#baddce rgb(186,221,206)
```
#ddbac9
```
#ddbac9 rgb(221,186,201)
```

Complementary Color

#baddbd
```
#baddbd rgb(186,221,189)
```
#baddce
```
#baddce rgb(186,221,206)
```
#badbdd
```
#badbdd rgb(186,219,221)
```

Analogous Color

#ddbdba
```
#ddbdba rgb(221,189,186)
```
#baddce
```
#baddce rgb(186,221,206)
```
#ddbadb
```
#ddbadb rgb(221,186,219)
```

Split Complementary Color

#ddceba
```
#ddceba rgb(221,206,186)
```
#baddce
```
#baddce rgb(186,221,206)
```
#cebadd
```
#cebadd rgb(206,186,221)
```

Triadic Color

#c9ddba
```
#c9ddba rgb(201,221,186)
```
#baddce
```
#baddce rgb(186,221,206)
```
#cebadd
```
#cebadd rgb(206,186,221)
```
#ddbac9
```
#ddbac9 rgb(221,186,201)
```

Tetradic Color

#87c4aa
```
#87c4aa rgb(135,196,170)
```
#98ccb6
```
#98ccb6 rgb(152,204,182)
```
#a9d5c2
```
#a9d5c2 rgb(169,213,194)
```
#baddce
```
#baddce rgb(186,221,206)
```
#cbe5da
```
#cbe5da rgb(203,229,218)
```
#dceee6
```
#dceee6 rgb(220,238,230)
```
#edf6f2
```
#edf6f2 rgb(237,246,242)
```

Monochromatic Color

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

#baddc5
```
#baddc5 rgb(186,221,197)
```
#baddc8
```
#baddc8 rgb(186,221,200)
```
#baddcb
```
#baddcb rgb(186,221,203)
```
#baddce
```
#baddce rgb(186,221,206)
```
#baddd1
```
#baddd1 rgb(186,221,209)
```
#baddd4
```
#baddd4 rgb(186,221,212)
```
#baddd7
```
#baddd7 rgb(186,221,215)
```

Similar Colors

Text with hexadecimal color #baddce

This text has a font color of #baddce.

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

#baddce background color

This paragraph has a background color of #baddce.

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

#baddce border color

This element has a border color of #baddce.

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

CSS codes

.text {color:#baddce;}

.background {background-color:#baddce;}

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

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, #050a08 is the darkest color, while #fcfdfd is the lightest one.

#050a08
```
#050a08 rgb(5,10,8)
```
#0b1712
```
#0b1712 rgb(11,23,18)
```
#12241c
```
#12241c rgb(18,36,28)
```
#183127
```
#183127 rgb(24,49,39)
```
#1f3e31
```
#1f3e31 rgb(31,62,49)
```
#254c3b
```
#254c3b rgb(37,76,59)
```
#2c5945
```
#2c5945 rgb(44,89,69)
```
#326650
```
#326650 rgb(50,102,80)
```
#39735a
```
#39735a rgb(57,115,90)
```
#3f8064
```
#3f8064 rgb(63,128,100)
```
#468d6f
```
#468d6f rgb(70,141,111)
```
#4c9a79
```
#4c9a79 rgb(76,154,121)
```
#53a883
```
#53a883 rgb(83,168,131)
```

Shade Color Variation

#5eb08d
```
#5eb08d rgb(94,176,141)
```
#6bb696
```
#6bb696 rgb(107,182,150)
```
#78bd9f
```
#78bd9f rgb(120,189,159)
```
#85c3a9
```
#85c3a9 rgb(133,195,169)
```
#93cab2
```
#93cab2 rgb(147,202,178)
```
#a0d0bb
```
#a0d0bb rgb(160,208,187)
```
#add7c5
```
#add7c5 rgb(173,215,197)
```
#baddce
```
#baddce rgb(186,221,206)
```
#c7e3d7
```
#c7e3d7 rgb(199,227,215)
```
#d4eae1
```
#d4eae1 rgb(212,234,225)
```
#e1f0ea
```
#e1f0ea rgb(225,240,234)
```
#eff7f3
```
#eff7f3 rgb(239,247,243)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#cacdcc
```
#cacdcc rgb(202,205,204)
```
#c6d1cc
```
#c6d1cc rgb(198,209,204)
```
#c2d5cd
```
#c2d5cd rgb(194,213,205)
```
#bed9cd
```
#bed9cd rgb(190,217,205)
```
#baddce
```
#baddce rgb(186,221,206)
```
#b6e1cf
```
#b6e1cf rgb(182,225,207)
```
#b2e5cf
```
#b2e5cf rgb(178,229,207)
```
#aee9d0
```
#aee9d0 rgb(174,233,208)
```
#aaedd0
```
#aaedd0 rgb(170,237,208)
```
#a6f1d1
```
#a6f1d1 rgb(166,241,209)
```
#a2f5d1
```
#a2f5d1 rgb(162,245,209)
```
#9ef9d2
```
#9ef9d2 rgb(158,249,210)
```
#9afdd3
```
#9afdd3 rgb(154,253,211)
```

Tone Color Variation

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

Dichromacy

#ddd6cc Protanopia 1% of men
#ebd0d5 Deuteranopia 1% of men
#c3daea Tritanopia 0.001% of the population

Trichromacy

#d0d8cc Protanomaly 1% of men, 0.01% of women
#d9d5d2 Deuteranomaly 6% of men, 0.4% of women
#bfdbe0 Tritanomaly 0.01% of the population

#baddce hex color

#baddce Color Information

#baddce Color Conversion

Color Schemes with #baddce

Alternatives to #baddce

#baddce Preview

Shades and Tints of #baddce

Tones of #baddce

Color Blindness Simulator