#bdf4eb hex color

In a RGB color space, hex #bdf4eb is composed of 74.1% red, 95.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 3.7% yellow and 4.3% black. It has a hue angle of 170.2 degrees, a saturation of 71.4% and a lightness of 84.9%. #bdf4eb color hex could be obtained by blending #ffffff with #7be9d7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 74
- G 96
- B 92
RGB color chart
- C 23
- M 0
- Y 4
- K 4
CMYK color chart

● #bdf4eb color description : Very soft cyan.

The hexadecimal color #bdf4eb has RGB values of R:189, G:244, B:235 and CMYK values of C:0.23, M:0, Y:0.04, K:0.04. Its decimal value is 12449003.

Hex triplet	bdf4eb	`#bdf4eb`
RGB Decimal	189, 244, 235	`rgb(189,244,235)`
RGB Percent	74.1, 95.7, 92.2	`rgb(74.1%,95.7%,92.2%)`
CMYK	23, 0, 4, 4
HSL	170.2°, 71.4, 84.9	`hsl(170.2,71.4%,84.9%)`
HSV (or HSB)	170.2°, 22.5, 95.7
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.361, -19.162, -1.372
XYZ	68.329, 81.516, 90.727
xyY	0.284, 0.339, 81.516
CIE-LCH	92.361, 19.211, 184.095
CIE-LUV	92.361, -27.619, 1.166
Hunter-Lab	90.286, -22.912, 3.621
Binary	10111101, 11110100, 11101011

#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#f4bdc6
```
#f4bdc6 rgb(244,189,198)
```

Complementary Color

#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#bde2f4
```
#bde2f4 rgb(189,226,244)
```

Analogous Color

#f4d0bd
```
#f4d0bd rgb(244,208,189)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#f4bde2
```
#f4bde2 rgb(244,189,226)
```

Split Complementary Color

#f4ebbd
```
#f4ebbd rgb(244,235,189)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#ebbdf4
```
#ebbdf4 rgb(235,189,244)
```

Triadic Color

#c6f4bd
```
#c6f4bd rgb(198,244,189)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#ebbdf4
```
#ebbdf4 rgb(235,189,244)
```
#f4bdc6
```
#f4bdc6 rgb(244,189,198)
```

Tetradic Color

#7be9d7
```
#7be9d7 rgb(123,233,215)
```
#91edde
```
#91edde rgb(145,237,222)
```
#a7f0e4
```
#a7f0e4 rgb(167,240,228)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#d3f8f2
```
#d3f8f2 rgb(211,248,242)
```
#e9fbf8
```
#e9fbf8 rgb(233,251,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf4dd
```
#bdf4dd rgb(189,244,221)
```
#bdf4e2
```
#bdf4e2 rgb(189,244,226)
```
#bdf4e6
```
#bdf4e6 rgb(189,244,230)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#bdf4f0
```
#bdf4f0 rgb(189,244,240)
```
#bdf4f4
```
#bdf4f4 rgb(189,244,244)
```
#bdeff4
```
#bdeff4 rgb(189,239,244)
```

Similar Colors

Text with hexadecimal color #bdf4eb

This text has a font color of #bdf4eb.

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

#bdf4eb background color

This paragraph has a background color of #bdf4eb.

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

#bdf4eb border color

This element has a border color of #bdf4eb.

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

CSS codes

.text {color:#bdf4eb;}

.background {background-color:#bdf4eb;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031210
```
#031210 rgb(3,18,16)
```
#06231e
```
#06231e rgb(6,35,30)
```
#09342d
```
#09342d rgb(9,52,45)
```
#0b453b
```
#0b453b rgb(11,69,59)
```
#0e554a
```
#0e554a rgb(14,85,74)
```
#116658
```
#116658 rgb(17,102,88)
```
#147767
```
#147767 rgb(20,119,103)
```
#178875
```
#178875 rgb(23,136,117)
```
#199984
```
#199984 rgb(25,153,132)
```
#1ca992
```
#1ca992 rgb(28,169,146)
```
#1fbaa1
```
#1fbaa1 rgb(31,186,161)
```
#22cbaf
```
#22cbaf rgb(34,203,175)
```

Shade Color Variation

#26dbbd
```
#26dbbd rgb(38,219,189)
```
#36dec2
```
#36dec2 rgb(54,222,194)
```
#47e0c7
```
#47e0c7 rgb(71,224,199)
```
#58e3cc
```
#58e3cc rgb(88,227,204)
```
#69e6d2
```
#69e6d2 rgb(105,230,210)
```
#7ae9d7
```
#7ae9d7 rgb(122,233,215)
```
#8becdc
```
#8becdc rgb(139,236,220)
```
#9beee1
```
#9beee1 rgb(155,238,225)
```
#acf1e6
```
#acf1e6 rgb(172,241,230)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#cef7f0
```
#cef7f0 rgb(206,247,240)
```
#dffaf5
```
#dffaf5 rgb(223,250,245)
```
#effcfa
```
#effcfa rgb(239,252,250)
```

Tint Color Variation

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

#d8d9d9
```
#d8d9d9 rgb(216,217,217)
```
#d5dcdb
```
#d5dcdb rgb(213,220,219)
```
#d2dfdd
```
#d2dfdd rgb(210,223,221)
```
#cfe2df
```
#cfe2df rgb(207,226,223)
```
#cce5e1
```
#cce5e1 rgb(204,229,225)
```
#c9e8e3
```
#c9e8e3 rgb(201,232,227)
```
#c6ebe5
```
#c6ebe5 rgb(198,235,229)
```
#c3eee7
```
#c3eee7 rgb(195,238,231)
```
#c0f1e9
```
#c0f1e9 rgb(192,241,233)
```
#bdf4eb
```
#bdf4eb rgb(189,244,235)
```
#baf7ed
```
#baf7ed rgb(186,247,237)
```
#b7faef
```
#b7faef rgb(183,250,239)
```
#b4fdf1
```
#b4fdf1 rgb(180,253,241)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dbe6e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe9e6 Protanopia 1% of men
#fce3f1 Deuteranopia 1% of men
#cbf0ff Tritanopia 0.001% of the population

Trichromacy

#dcede7 Protanomaly 1% of men, 0.01% of women
#e5e9ef Deuteranomaly 6% of men, 0.4% of women
#c6f1f7 Tritanomaly 0.01% of the population

#bdf4eb hex color

#bdf4eb Color Information

#bdf4eb Color Conversion

Color Schemes with #bdf4eb

Alternatives to #bdf4eb

#bdf4eb Preview

Shades and Tints of #bdf4eb

Tones of #bdf4eb

Color Blindness Simulator