#bdf1d3 hex color

In a RGB color space, hex #bdf1d3 is composed of 74.1% red, 94.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 0% magenta, 12.4% yellow and 5.5% black. It has a hue angle of 145.4 degrees, a saturation of 65% and a lightness of 84.3%. #bdf1d3 color hex could be obtained by blending #ffffff with #7be3a7. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 95
- B 83
RGB color chart
- C 22
- M 0
- Y 12
- K 5
CMYK color chart

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

The hexadecimal color #bdf1d3 has RGB values of R:189, G:241, B:211 and CMYK values of C:0.22, M:0, Y:0.12, K:0.05. Its decimal value is 12448211.

Hex triplet	bdf1d3	`#bdf1d3`
RGB Decimal	189, 241, 211	`rgb(189,241,211)`
RGB Percent	74.1, 94.5, 82.7	`rgb(74.1%,94.5%,82.7%)`
CMYK	22, 0, 12, 5
HSL	145.4°, 65, 84.3	`hsl(145.4,65%,84.3%)`
HSV (or HSB)	145.4°, 21.6, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.976, -22.411, 9.092
XYZ	64.196, 78.431, 73.381
xyY	0.297, 0.363, 78.431
CIE-LCH	90.976, 24.185, 157.917
CIE-LUV	90.976, -26.085, 17.594
Hunter-Lab	88.561, -25.59, 12.866
Binary	10111101, 11110001, 11010011

#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#f1bddb
```
#f1bddb rgb(241,189,219)
```

Complementary Color

#c1f1bd
```
#c1f1bd rgb(193,241,189)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#bdf1ed
```
#bdf1ed rgb(189,241,237)
```

Analogous Color

#f1bdc1
```
#f1bdc1 rgb(241,189,193)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#edbdf1
```
#edbdf1 rgb(237,189,241)
```

Split Complementary Color

#f1d3bd
```
#f1d3bd rgb(241,211,189)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#d3bdf1
```
#d3bdf1 rgb(211,189,241)
```

Triadic Color

#dbf1bd
```
#dbf1bd rgb(219,241,189)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#d3bdf1
```
#d3bdf1 rgb(211,189,241)
```
#f1bddb
```
#f1bddb rgb(241,189,219)
```

Tetradic Color

#7ee4a9
```
#7ee4a9 rgb(126,228,169)
```
#93e8b7
```
#93e8b7 rgb(147,232,183)
```
#a8edc5
```
#a8edc5 rgb(168,237,197)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#d2f5e1
```
#d2f5e1 rgb(210,245,225)
```
#e7faef
```
#e7faef rgb(231,250,239)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Monochromatic Color

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

#bdf1c6
```
#bdf1c6 rgb(189,241,198)
```
#bdf1ca
```
#bdf1ca rgb(189,241,202)
```
#bdf1cf
```
#bdf1cf rgb(189,241,207)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#bdf1d7
```
#bdf1d7 rgb(189,241,215)
```
#bdf1dc
```
#bdf1dc rgb(189,241,220)
```
#bdf1e0
```
#bdf1e0 rgb(189,241,224)
```

Similar Colors

Text with hexadecimal color #bdf1d3

This text has a font color of #bdf1d3.

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

#bdf1d3 background color

This paragraph has a background color of #bdf1d3.

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

#bdf1d3 border color

This element has a border color of #bdf1d3.

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

CSS codes

.text {color:#bdf1d3;}

.background {background-color:#bdf1d3;}

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

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, #030f08 is the darkest color, while #fefffe is the lightest one.

#030f08
```
#030f08 rgb(3,15,8)
```
#071f11
```
#071f11 rgb(7,31,17)
```
#0a2f1a
```
#0a2f1a rgb(10,47,26)
```
#0d3f23
```
#0d3f23 rgb(13,63,35)
```
#11502b
```
#11502b rgb(17,80,43)
```
#146034
```
#146034 rgb(20,96,52)
```
#18703d
```
#18703d rgb(24,112,61)
```
#1b8046
```
#1b8046 rgb(27,128,70)
```
#1f904f
```
#1f904f rgb(31,144,79)
```
#22a158
```
#22a158 rgb(34,161,88)
```
#25b160
```
#25b160 rgb(37,177,96)
```
#29c169
```
#29c169 rgb(41,193,105)
```
#2cd172
```
#2cd172 rgb(44,209,114)
```

Shade Color Variation

#3cd67d
```
#3cd67d rgb(60,214,125)
```
#4cd987
```
#4cd987 rgb(76,217,135)
```
#5cdc92
```
#5cdc92 rgb(92,220,146)
```
#6ce09d
```
#6ce09d rgb(108,224,157)
```
#7ce3a8
```
#7ce3a8 rgb(124,227,168)
```
#8ce7b3
```
#8ce7b3 rgb(140,231,179)
```
#9deabd
```
#9deabd rgb(157,234,189)
```
#adeec8
```
#adeec8 rgb(173,238,200)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#cdf4de
```
#cdf4de rgb(205,244,222)
```
#ddf8e9
```
#ddf8e9 rgb(221,248,233)
```
#eefbf3
```
#eefbf3 rgb(238,251,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#d6d8d7
```
#d6d8d7 rgb(214,216,215)
```
#d3dbd6
```
#d3dbd6 rgb(211,219,214)
```
#cfdfd6
```
#cfdfd6 rgb(207,223,214)
```
#cce2d5
```
#cce2d5 rgb(204,226,213)
```
#c9e5d5
```
#c9e5d5 rgb(201,229,213)
```
#c6e8d4
```
#c6e8d4 rgb(198,232,212)
```
#c3ebd4
```
#c3ebd4 rgb(195,235,212)
```
#c0eed3
```
#c0eed3 rgb(192,238,211)
```
#bdf1d3
```
#bdf1d3 rgb(189,241,211)
```
#baf4d3
```
#baf4d3 rgb(186,244,211)
```
#b7f7d2
```
#b7f7d2 rgb(183,247,210)
```
#b4fad2
```
#b4fad2 rgb(180,250,210)
```
#b1fdd1
```
#b1fdd1 rgb(177,253,209)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e2dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe5cf Protanopia 1% of men
#ffdfdb Deuteranopia 1% of men
#c9ebfc Tritanopia 0.001% of the population

Trichromacy

#dde9d0 Protanomaly 1% of men, 0.01% of women
#e7e5d8 Deuteranomaly 6% of men, 0.4% of women
#c4eded Tritanomaly 0.01% of the population

#bdf1d3 hex color

#bdf1d3 Color Information

#bdf1d3 Color Conversion

Color Schemes with #bdf1d3

Alternatives to #bdf1d3

#bdf1d3 Preview

Shades and Tints of #bdf1d3

Tones of #bdf1d3

Color Blindness Simulator