#bdf4d0 hex color

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

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

● #bdf4d0 color description : Very soft cyan - lime green.

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

Hex triplet	bdf4d0	`#bdf4d0`
RGB Decimal	189, 244, 208	`rgb(189,244,208)`
RGB Percent	74.1, 95.7, 81.6	`rgb(74.1%,95.7%,81.6%)`
CMYK	23, 0, 15, 4
HSL	140.7°, 71.4, 84.9	`hsl(140.7,71.4%,84.9%)`
HSV (or HSB)	140.7°, 22.5, 95.7
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.717, -24.418, 11.706
XYZ	64.719, 80.072, 71.717
xyY	0.299, 0.37, 80.072
CIE-LCH	91.717, 27.079, 154.387
CIE-LUV	91.717, -27.466, 21.791
Hunter-Lab	89.483, -27.495, 15.12
Binary	10111101, 11110100, 11010000

#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#f4bde1
```
#f4bde1 rgb(244,189,225)
```

Complementary Color

#c6f4bd
```
#c6f4bd rgb(198,244,189)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#bdf4ec
```
#bdf4ec rgb(189,244,236)
```

Analogous Color

#f4bdc6
```
#f4bdc6 rgb(244,189,198)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#ecbdf4
```
#ecbdf4 rgb(236,189,244)
```

Split Complementary Color

#f4d0bd
```
#f4d0bd rgb(244,208,189)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#d0bdf4
```
#d0bdf4 rgb(208,189,244)
```

Triadic Color

#e1f4bd
```
#e1f4bd rgb(225,244,189)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#d0bdf4
```
#d0bdf4 rgb(208,189,244)
```
#f4bde1
```
#f4bde1 rgb(244,189,225)
```

Tetradic Color

#7be9a1
```
#7be9a1 rgb(123,233,161)
```
#91edb1
```
#91edb1 rgb(145,237,177)
```
#a7f0c0
```
#a7f0c0 rgb(167,240,192)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#d3f8e0
```
#d3f8e0 rgb(211,248,224)
```
#e9fbef
```
#e9fbef rgb(233,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf4c2
```
#bdf4c2 rgb(189,244,194)
```
#bdf4c7
```
#bdf4c7 rgb(189,244,199)
```
#bdf4cb
```
#bdf4cb rgb(189,244,203)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#bdf4d5
```
#bdf4d5 rgb(189,244,213)
```
#bdf4d9
```
#bdf4d9 rgb(189,244,217)
```
#bdf4de
```
#bdf4de rgb(189,244,222)
```

Similar Colors

Text with hexadecimal color #bdf4d0

This text has a font color of #bdf4d0.

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

#bdf4d0 background color

This paragraph has a background color of #bdf4d0.

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

#bdf4d0 border color

This element has a border color of #bdf4d0.

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

CSS codes

.text {color:#bdf4d0;}

.background {background-color:#bdf4d0;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031208
```
#031208 rgb(3,18,8)
```
#062310
```
#062310 rgb(6,35,16)
```
#093417
```
#093417 rgb(9,52,23)
```
#0b451f
```
#0b451f rgb(11,69,31)
```
#0e5527
```
#0e5527 rgb(14,85,39)
```
#11662e
```
#11662e rgb(17,102,46)
```
#147736
```
#147736 rgb(20,119,54)
```
#17883e
```
#17883e rgb(23,136,62)
```
#199945
```
#199945 rgb(25,153,69)
```
#1ca94d
```
#1ca94d rgb(28,169,77)
```
#1fba55
```
#1fba55 rgb(31,186,85)
```
#22cb5c
```
#22cb5c rgb(34,203,92)
```

Shade Color Variation

#26db64
```
#26db64 rgb(38,219,100)
```
#36de70
```
#36de70 rgb(54,222,112)
```
#47e07c
```
#47e07c rgb(71,224,124)
```
#58e388
```
#58e388 rgb(88,227,136)
```
#69e694
```
#69e694 rgb(105,230,148)
```
#7ae9a0
```
#7ae9a0 rgb(122,233,160)
```
#8becac
```
#8becac rgb(139,236,172)
```
#9beeb8
```
#9beeb8 rgb(155,238,184)
```
#acf1c4
```
#acf1c4 rgb(172,241,196)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#cef7dc
```
#cef7dc rgb(206,247,220)
```
#dffae8
```
#dffae8 rgb(223,250,232)
```
#effcf4
```
#effcf4 rgb(239,252,244)
```

Tint Color Variation

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

#d8d9d8
```
#d8d9d8 rgb(216,217,216)
```
#d5dcd7
```
#d5dcd7 rgb(213,220,215)
```
#d2dfd6
```
#d2dfd6 rgb(210,223,214)
```
#cfe2d5
```
#cfe2d5 rgb(207,226,213)
```
#cce5d5
```
#cce5d5 rgb(204,229,213)
```
#c9e8d4
```
#c9e8d4 rgb(201,232,212)
```
#c6ebd3
```
#c6ebd3 rgb(198,235,211)
```
#c3eed2
```
#c3eed2 rgb(195,238,210)
```
#c0f1d1
```
#c0f1d1 rgb(192,241,209)
```
#bdf4d0
```
#bdf4d0 rgb(189,244,208)
```
#baf7cf
```
#baf7cf rgb(186,247,207)
```
#b7face
```
#b7face rgb(183,250,206)
```
#b4fdcd
```
#b4fdcd rgb(180,253,205)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e3dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e7cc Protanopia 1% of men
#ffe2db Deuteranopia 1% of men
#caedff Tritanopia 0.001% of the population

Trichromacy

#dfeccd Protanomaly 1% of men, 0.01% of women
#e7e8d7 Deuteranomaly 6% of men, 0.4% of women
#c5f0ed Tritanomaly 0.01% of the population

#bdf4d0 hex color

#bdf4d0 Color Information

#bdf4d0 Color Conversion

Color Schemes with #bdf4d0

Alternatives to #bdf4d0

#bdf4d0 Preview

Shades and Tints of #bdf4d0

Tones of #bdf4d0

Color Blindness Simulator