#bdf9df hex color

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

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

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

The hexadecimal color #bdf9df has RGB values of R:189, G:249, B:223 and CMYK values of C:0.24, M:0, Y:0.1, K:0.02. Its decimal value is 12450271.

Hex triplet	bdf9df	`#bdf9df`
RGB Decimal	189, 249, 223	`rgb(189,249,223)`
RGB Percent	74.1, 97.6, 87.5	`rgb(74.1%,97.6%,87.5%)`
CMYK	24, 0, 10, 2
HSL	154°, 83.3, 85.9	`hsl(154,83.3%,85.9%)`
HSV (or HSB)	154°, 24.1, 97.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.405, -23.993, 6.365
XYZ	68.178, 83.896, 82.409
xyY	0.291, 0.358, 83.896
CIE-LCH	93.405, 24.823, 165.142
CIE-LUV	93.405, -29.825, 13.868
Hunter-Lab	91.595, -27.425, 10.772
Binary	10111101, 11111001, 11011111

#bdf9df
```
#bdf9df rgb(189,249,223)
```
#f9bdd7
```
#f9bdd7 rgb(249,189,215)
```

Complementary Color

#bdf9c1
```
#bdf9c1 rgb(189,249,193)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#bdf5f9
```
#bdf5f9 rgb(189,245,249)
```

Analogous Color

#f9c1bd
```
#f9c1bd rgb(249,193,189)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#f9bdf5
```
#f9bdf5 rgb(249,189,245)
```

Split Complementary Color

#f9dfbd
```
#f9dfbd rgb(249,223,189)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#dfbdf9
```
#dfbdf9 rgb(223,189,249)
```

Triadic Color

#d7f9bd
```
#d7f9bd rgb(215,249,189)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#dfbdf9
```
#dfbdf9 rgb(223,189,249)
```
#f9bdd7
```
#f9bdd7 rgb(249,189,215)
```

Tetradic Color

#77f3bd
```
#77f3bd rgb(119,243,189)
```
#8ef5c8
```
#8ef5c8 rgb(142,245,200)
```
#a6f7d4
```
#a6f7d4 rgb(166,247,212)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#d4fbea
```
#d4fbea rgb(212,251,234)
```
#ecfdf6
```
#ecfdf6 rgb(236,253,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf9d0
```
#bdf9d0 rgb(189,249,208)
```
#bdf9d5
```
#bdf9d5 rgb(189,249,213)
```
#bdf9da
```
#bdf9da rgb(189,249,218)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#bdf9e4
```
#bdf9e4 rgb(189,249,228)
```
#bdf9e9
```
#bdf9e9 rgb(189,249,233)
```
#bdf9ee
```
#bdf9ee rgb(189,249,238)
```

Similar Colors

Text with hexadecimal color #bdf9df

This text has a font color of #bdf9df.

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

#bdf9df background color

This paragraph has a background color of #bdf9df.

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

#bdf9df border color

This element has a border color of #bdf9df.

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

CSS codes

.text {color:#bdf9df;}

.background {background-color:#bdf9df;}

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

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

#010604
```
#010604 rgb(1,6,4)
```
#02180e
```
#02180e rgb(2,24,14)
```
#042a19
```
#042a19 rgb(4,42,25)
```
#053c24
```
#053c24 rgb(5,60,36)
```
#074e2f
```
#074e2f rgb(7,78,47)
```
#09603a
```
#09603a rgb(9,96,58)
```
#0a7245
```
#0a7245 rgb(10,114,69)
```
#0c8450
```
#0c8450 rgb(12,132,80)
```
#0e965b
```
#0e965b rgb(14,150,91)
```
#0fa866
```
#0fa866 rgb(15,168,102)
```
#11ba71
```
#11ba71 rgb(17,186,113)
```
#13cc7b
```
#13cc7b rgb(19,204,123)
```
#14de86
```
#14de86 rgb(20,222,134)
```

Shade Color Variation

#1bea91
```
#1bea91 rgb(27,234,145)
```
#2dec99
```
#2dec99 rgb(45,236,153)
```
#3feea2
```
#3feea2 rgb(63,238,162)
```
#51efab
```
#51efab rgb(81,239,171)
```
#63f1b3
```
#63f1b3 rgb(99,241,179)
```
#75f2bc
```
#75f2bc rgb(117,242,188)
```
#87f4c5
```
#87f4c5 rgb(135,244,197)
```
#99f6ce
```
#99f6ce rgb(153,246,206)
```
#abf7d6
```
#abf7d6 rgb(171,247,214)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#cffbe8
```
#cffbe8 rgb(207,251,232)
```
#e1fcf0
```
#e1fcf0 rgb(225,252,240)
```
#f3fef9
```
#f3fef9 rgb(243,254,249)
```

Tint Color Variation

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

#d9dddb
```
#d9dddb rgb(217,221,219)
```
#d6e0dc
```
#d6e0dc rgb(214,224,220)
```
#d3e3dc
```
#d3e3dc rgb(211,227,220)
```
#d0e6dc
```
#d0e6dc rgb(208,230,220)
```
#cee8dd
```
#cee8dd rgb(206,232,221)
```
#cbebdd
```
#cbebdd rgb(203,235,221)
```
#c8eede
```
#c8eede rgb(200,238,222)
```
#c5f1de
```
#c5f1de rgb(197,241,222)
```
#c3f3de
```
#c3f3de rgb(195,243,222)
```
#c0f6df
```
#c0f6df rgb(192,246,223)
```
#bdf9df
```
#bdf9df rgb(189,249,223)
```
#bafcdf
```
#bafcdf rgb(186,252,223)
```
#b7ffe0
```
#b7ffe0 rgb(183,255,224)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#dce8e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ecda Protanopia 1% of men
#ffe7e8 Deuteranopia 1% of men
#d3f1ff Tritanopia 0.001% of the population

Trichromacy

#e1f0db Protanomaly 1% of men, 0.01% of women
#e7eee5 Deuteranomaly 6% of men, 0.4% of women
#cbf4f3 Tritanomaly 0.01% of the population

#bdf9df hex color

#bdf9df Color Information

#bdf9df Color Conversion

Color Schemes with #bdf9df

Alternatives to #bdf9df

#bdf9df Preview

Shades and Tints of #bdf9df

Tones of #bdf9df

Color Blindness Simulator