#bdf9d4 hex color

In a RGB color space, hex #bdf9d4 is composed of 74.1% red, 97.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 14.9% yellow and 2.4% black. It has a hue angle of 143 degrees, a saturation of 83.3% and a lightness of 85.9%. #bdf9d4 color hex could be obtained by blending #ffffff with #7bf3a9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 98
- B 83
RGB color chart
- C 24
- M 0
- Y 15
- K 2
CMYK color chart

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

The hexadecimal color #bdf9d4 has RGB values of R:189, G:249, B:212 and CMYK values of C:0.24, M:0, Y:0.15, K:0.02. Its decimal value is 12450260.

Hex triplet	bdf9d4	`#bdf9d4`
RGB Decimal	189, 249, 212	`rgb(189,249,212)`
RGB Percent	74.1, 97.6, 83.1	`rgb(74.1%,97.6%,83.1%)`
CMYK	24, 0, 15, 2
HSL	143°, 83.3, 85.9	`hsl(143,83.3%,85.9%)`
HSV (or HSB)	143°, 24.1, 97.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.155, -26.078, 11.687
XYZ	66.742, 83.322, 74.85
xyY	0.297, 0.37, 83.322
CIE-LCH	93.155, 28.577, 155.861
CIE-LUV	93.155, -29.801, 22.108
Hunter-Lab	91.281, -29.226, 15.279
Binary	10111101, 11111001, 11010100

#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#f9bde2
```
#f9bde2 rgb(249,189,226)
```

Complementary Color

#c4f9bd
```
#c4f9bd rgb(196,249,189)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#bdf9f2
```
#bdf9f2 rgb(189,249,242)
```

Analogous Color

#f9bdc4
```
#f9bdc4 rgb(249,189,196)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#f2bdf9
```
#f2bdf9 rgb(242,189,249)
```

Split Complementary Color

#f9d4bd
```
#f9d4bd rgb(249,212,189)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#d4bdf9
```
#d4bdf9 rgb(212,189,249)
```

Triadic Color

#e2f9bd
```
#e2f9bd rgb(226,249,189)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#d4bdf9
```
#d4bdf9 rgb(212,189,249)
```
#f9bde2
```
#f9bde2 rgb(249,189,226)
```

Tetradic Color

#77f3a6
```
#77f3a6 rgb(119,243,166)
```
#8ef5b6
```
#8ef5b6 rgb(142,245,182)
```
#a6f7c5
```
#a6f7c5 rgb(166,247,197)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#d4fbe3
```
#d4fbe3 rgb(212,251,227)
```
#ecfdf2
```
#ecfdf2 rgb(236,253,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf9c5
```
#bdf9c5 rgb(189,249,197)
```
#bdf9ca
```
#bdf9ca rgb(189,249,202)
```
#bdf9cf
```
#bdf9cf rgb(189,249,207)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#bdf9d9
```
#bdf9d9 rgb(189,249,217)
```
#bdf9de
```
#bdf9de rgb(189,249,222)
```
#bdf9e3
```
#bdf9e3 rgb(189,249,227)
```

Similar Colors

Text with hexadecimal color #bdf9d4

This text has a font color of #bdf9d4.

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

#bdf9d4 background color

This paragraph has a background color of #bdf9d4.

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

#bdf9d4 border color

This element has a border color of #bdf9d4.

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

CSS codes

.text {color:#bdf9d4;}

.background {background-color:#bdf9d4;}

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

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, #010603 is the darkest color, while #f3fef7 is the lightest one.

#010603
```
#010603 rgb(1,6,3)
```
#02180b
```
#02180b rgb(2,24,11)
```
#042a12
```
#042a12 rgb(4,42,18)
```
#053c1a
```
#053c1a rgb(5,60,26)
```
#074e22
```
#074e22 rgb(7,78,34)
```
#09602a
```
#09602a rgb(9,96,42)
```
#0a7232
```
#0a7232 rgb(10,114,50)
```
#0c843a
```
#0c843a rgb(12,132,58)
```
#0e9642
```
#0e9642 rgb(14,150,66)
```
#0fa84a
```
#0fa84a rgb(15,168,74)
```
#11ba52
```
#11ba52 rgb(17,186,82)
```
#13cc5a
```
#13cc5a rgb(19,204,90)
```
#14de61
```
#14de61 rgb(20,222,97)
```

Shade Color Variation

#1bea6b
```
#1bea6b rgb(27,234,107)
```
#2dec76
```
#2dec76 rgb(45,236,118)
```
#3fee82
```
#3fee82 rgb(63,238,130)
```
#51ef8e
```
#51ef8e rgb(81,239,142)
```
#63f199
```
#63f199 rgb(99,241,153)
```
#75f2a5
```
#75f2a5 rgb(117,242,165)
```
#87f4b1
```
#87f4b1 rgb(135,244,177)
```
#99f6bd
```
#99f6bd rgb(153,246,189)
```
#abf7c8
```
#abf7c8 rgb(171,247,200)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#cffbe0
```
#cffbe0 rgb(207,251,224)
```
#e1fceb
```
#e1fceb rgb(225,252,235)
```
#f3fef7
```
#f3fef7 rgb(243,254,247)
```

Tint Color Variation

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

#d9ddda
```
#d9ddda rgb(217,221,218)
```
#d6e0da
```
#d6e0da rgb(214,224,218)
```
#d3e3d9
```
#d3e3d9 rgb(211,227,217)
```
#d0e6d9
```
#d0e6d9 rgb(208,230,217)
```
#cee8d8
```
#cee8d8 rgb(206,232,216)
```
#cbebd7
```
#cbebd7 rgb(203,235,215)
```
#c8eed7
```
#c8eed7 rgb(200,238,215)
```
#c5f1d6
```
#c5f1d6 rgb(197,241,214)
```
#c3f3d5
```
#c3f3d5 rgb(195,243,213)
```
#c0f6d5
```
#c0f6d5 rgb(192,246,213)
```
#bdf9d4
```
#bdf9d4 rgb(189,249,212)
```
#bafcd3
```
#bafcd3 rgb(186,252,211)
```
#b7ffd3
```
#b7ffd3 rgb(183,255,211)
```

Tone Color Variation

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

Dichromacy

#f7ebcf Protanopia 1% of men
#ffe7e2 Deuteranopia 1% of men
#d3f1ff Tritanopia 0.001% of the population

Trichromacy

#e2f0d1 Protanomaly 1% of men, 0.01% of women
#e7eddd Deuteranomaly 6% of men, 0.4% of women
#cbf4ef Tritanomaly 0.01% of the population

#bdf9d4 hex color

#bdf9d4 Color Information

#bdf9d4 Color Conversion

Color Schemes with #bdf9d4

Alternatives to #bdf9d4

#bdf9d4 Preview

Shades and Tints of #bdf9d4

Tones of #bdf9d4

Color Blindness Simulator