#bddae0 hex color

In a RGB color space, hex #bddae0 is composed of 74.1% red, 85.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 2.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 190.3 degrees, a saturation of 36.1% and a lightness of 81%. #bddae0 color hex could be obtained by blending #ffffff with #7bb5c1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 85
- B 88
RGB color chart
- C 16
- M 3
- Y 0
- K 12
CMYK color chart

● #bddae0 color description : Light grayish cyan.

The hexadecimal color #bddae0 has RGB values of R:189, G:218, B:224 and CMYK values of C:0.16, M:0.03, Y:0, K:0.12. Its decimal value is 12442336.

Hex triplet	bddae0	`#bddae0`
RGB Decimal	189, 218, 224	`rgb(189,218,224)`
RGB Percent	74.1, 85.5, 87.8	`rgb(74.1%,85.5%,87.8%)`
CMYK	16, 3, 0, 12
HSL	190.3°, 36.1, 81	`hsl(190.3,36.1%,81%)`
HSV (or HSB)	190.3°, 15.6, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.171, -8.335, -6.179
XYZ	59.509, 66.342, 80.187
xyY	0.289, 0.322, 66.342
CIE-LCH	85.171, 10.376, 216.55
CIE-LUV	85.171, -15.563, -8.13
Hunter-Lab	81.451, -12.124, -1.354
Binary	10111101, 11011010, 11100000

#bddae0
```
#bddae0 rgb(189,218,224)
```
#e0c3bd
```
#e0c3bd rgb(224,195,189)
```

Complementary Color

#bde0d5
```
#bde0d5 rgb(189,224,213)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#bdc9e0
```
#bdc9e0 rgb(189,201,224)
```

Analogous Color

#e0d5bd
```
#e0d5bd rgb(224,213,189)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#e0bdc9
```
#e0bdc9 rgb(224,189,201)
```

Split Complementary Color

#dae0bd
```
#dae0bd rgb(218,224,189)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#e0bdda
```
#e0bdda rgb(224,189,218)
```

Triadic Color

#bde0c3
```
#bde0c3 rgb(189,224,195)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#e0bdda
```
#e0bdda rgb(224,189,218)
```
#e0c3bd
```
#e0c3bd rgb(224,195,189)
```

Tetradic Color

#89bdc8
```
#89bdc8 rgb(137,189,200)
```
#9ac7d0
```
#9ac7d0 rgb(154,199,208)
```
#acd0d8
```
#acd0d8 rgb(172,208,216)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#cee4e8
```
#cee4e8 rgb(206,228,232)
```
#e0edf0
```
#e0edf0 rgb(224,237,240)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```

Monochromatic Color

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

#bde0dd
```
#bde0dd rgb(189,224,221)
```
#bde0e0
```
#bde0e0 rgb(189,224,224)
```
#bddde0
```
#bddde0 rgb(189,221,224)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#bdd7e0
```
#bdd7e0 rgb(189,215,224)
```
#bdd4e0
```
#bdd4e0 rgb(189,212,224)
```
#bdd1e0
```
#bdd1e0 rgb(189,209,224)
```

Similar Colors

Text with hexadecimal color #bddae0

This text has a font color of #bddae0.

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

#bddae0 background color

This paragraph has a background color of #bddae0.

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

#bddae0 border color

This element has a border color of #bddae0.

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

CSS codes

.text {color:#bddae0;}

.background {background-color:#bddae0;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0d191b
```
#0d191b rgb(13,25,27)
```
#132529
```
#132529 rgb(19,37,41)
```
#193136
```
#193136 rgb(25,49,54)
```
#203d43
```
#203d43 rgb(32,61,67)
```
#264951
```
#264951 rgb(38,73,81)
```
#2c565e
```
#2c565e rgb(44,86,94)
```
#32626c
```
#32626c rgb(50,98,108)
```
#396e79
```
#396e79 rgb(57,110,121)
```
#3f7a86
```
#3f7a86 rgb(63,122,134)
```
#458694
```
#458694 rgb(69,134,148)
```
#4c92a1
```
#4c92a1 rgb(76,146,161)
```

Shade Color Variation

#529eae
```
#529eae rgb(82,158,174)
```
#60a6b4
```
#60a6b4 rgb(96,166,180)
```
#6dadba
```
#6dadba rgb(109,173,186)
```
#7ab5c1
```
#7ab5c1 rgb(122,181,193)
```
#88bcc7
```
#88bcc7 rgb(136,188,199)
```
#95c4cd
```
#95c4cd rgb(149,196,205)
```
#a2cbd3
```
#a2cbd3 rgb(162,203,211)
```
#b0d3da
```
#b0d3da rgb(176,211,218)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#cae1e6
```
#cae1e6 rgb(202,225,230)
```
#d8e9ed
```
#d8e9ed rgb(216,233,237)
```
#e5f0f3
```
#e5f0f3 rgb(229,240,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

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

#ccd0d1
```
#ccd0d1 rgb(204,208,209)
```
#c8d3d5
```
#c8d3d5 rgb(200,211,213)
```
#c4d5d9
```
#c4d5d9 rgb(196,213,217)
```
#c1d8dc
```
#c1d8dc rgb(193,216,220)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```
#b9dce4
```
#b9dce4 rgb(185,220,228)
```
#b6dfe7
```
#b6dfe7 rgb(182,223,231)
```
#b2e1eb
```
#b2e1eb rgb(178,225,235)
```
#aee4ef
```
#aee4ef rgb(174,228,239)
```
#aae6f3
```
#aae6f3 rgb(170,230,243)
```
#a7e9f6
```
#a7e9f6 rgb(167,233,246)
```
#a3ebfa
```
#a3ebfa rgb(163,235,250)
```
#9feefe
```
#9feefe rgb(159,238,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ced4d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d5de Protanopia 1% of men
#e4d1e5 Deuteranopia 1% of men
#c2daea Tritanopia 0.001% of the population

Trichromacy

#ced7de Protanomaly 1% of men, 0.01% of women
#d5d4e3 Deuteranomaly 6% of men, 0.4% of women
#c0dae6 Tritanomaly 0.01% of the population

#bddae0 hex color

#bddae0 Color Information

#bddae0 Color Conversion

Color Schemes with #bddae0

Alternatives to #bddae0

#bddae0 Preview

Shades and Tints of #bddae0

Tones of #bddae0

Color Blindness Simulator