#bcdfd4 hex color

In a RGB color space, hex #bcdfd4 is composed of 73.7% red, 87.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 4.9% yellow and 12.5% black. It has a hue angle of 161.1 degrees, a saturation of 35.4% and a lightness of 80.6%. #bcdfd4 color hex could be obtained by blending #ffffff with #79bfa9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 87
- B 83
RGB color chart
- C 16
- M 0
- Y 5
- K 13
CMYK color chart

● #bcdfd4 color description : Light grayish cyan - lime green.

The hexadecimal color #bcdfd4 has RGB values of R:188, G:223, B:212 and CMYK values of C:0.16, M:0, Y:0.05, K:0.13. Its decimal value is 12378068.

Hex triplet	bcdfd4	`#bcdfd4`
RGB Decimal	188, 223, 212	`rgb(188,223,212)`
RGB Percent	73.7, 87.5, 83.1	`rgb(73.7%,87.5%,83.1%)`
CMYK	16, 0, 5, 13
HSL	161.1°, 35.4, 80.6	`hsl(161.1,35.4%,80.6%)`
HSV (or HSB)	161.1°, 15.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.116, -13.614, 1.543
XYZ	59.008, 68.219, 72.342
xyY	0.296, 0.342, 68.219
CIE-LCH	86.116, 13.701, 173.532
CIE-LUV	86.116, -18.117, 4.698
Hunter-Lab	82.595, -17.016, 5.886
Binary	10111100, 11011111, 11010100

#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#dfbcc7
```
#dfbcc7 rgb(223,188,199)
```

Complementary Color

#bcdfc3
```
#bcdfc3 rgb(188,223,195)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#bcd9df
```
#bcd9df rgb(188,217,223)
```

Analogous Color

#dfc3bc
```
#dfc3bc rgb(223,195,188)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#dfbcd9
```
#dfbcd9 rgb(223,188,217)
```

Split Complementary Color

#dfd4bc
```
#dfd4bc rgb(223,212,188)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#d4bcdf
```
#d4bcdf rgb(212,188,223)
```

Triadic Color

#c7dfbc
```
#c7dfbc rgb(199,223,188)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#d4bcdf
```
#d4bcdf rgb(212,188,223)
```
#dfbcc7
```
#dfbcc7 rgb(223,188,199)
```

Tetradic Color

#88c6b3
```
#88c6b3 rgb(136,198,179)
```
#99cfbe
```
#99cfbe rgb(153,207,190)
```
#abd7c9
```
#abd7c9 rgb(171,215,201)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#cde7df
```
#cde7df rgb(205,231,223)
```
#dfefea
```
#dfefea rgb(223,239,234)
```
#f0f8f5
```
#f0f8f5 rgb(240,248,245)
```

Monochromatic Color

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

#bcdfcb
```
#bcdfcb rgb(188,223,203)
```
#bcdfce
```
#bcdfce rgb(188,223,206)
```
#bcdfd1
```
#bcdfd1 rgb(188,223,209)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#bcdfd7
```
#bcdfd7 rgb(188,223,215)
```
#bcdfda
```
#bcdfda rgb(188,223,218)
```
#bcdfdd
```
#bcdfdd rgb(188,223,221)
```

Similar Colors

Text with hexadecimal color #bcdfd4

This text has a font color of #bcdfd4.

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

#bcdfd4 background color

This paragraph has a background color of #bcdfd4.

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

#bcdfd4 border color

This element has a border color of #bcdfd4.

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

CSS codes

.text {color:#bcdfd4;}

.background {background-color:#bcdfd4;}

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

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, #060d0b is the darkest color, while #feffff is the lightest one.

#060d0b
```
#060d0b rgb(6,13,11)
```
#0c1a16
```
#0c1a16 rgb(12,26,22)
```
#132721
```
#132721 rgb(19,39,33)
```
#19342c
```
#19342c rgb(25,52,44)
```
#1f4237
```
#1f4237 rgb(31,66,55)
```
#264f42
```
#264f42 rgb(38,79,66)
```
#2c5c4d
```
#2c5c4d rgb(44,92,77)
```
#326a58
```
#326a58 rgb(50,106,88)
```
#397763
```
#397763 rgb(57,119,99)
```
#3f846e
```
#3f846e rgb(63,132,110)
```
#45917a
```
#45917a rgb(69,145,122)
```
#4c9f85
```
#4c9f85 rgb(76,159,133)
```
#52ac90
```
#52ac90 rgb(82,172,144)
```

Shade Color Variation

#5fb398
```
#5fb398 rgb(95,179,152)
```
#6cb9a1
```
#6cb9a1 rgb(108,185,161)
```
#7abfa9
```
#7abfa9 rgb(122,191,169)
```
#87c6b2
```
#87c6b2 rgb(135,198,178)
```
#94ccba
```
#94ccba rgb(148,204,186)
```
#a1d2c3
```
#a1d2c3 rgb(161,210,195)
```
#afd9cb
```
#afd9cb rgb(175,217,203)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#c9e5dd
```
#c9e5dd rgb(201,229,221)
```
#d7ece5
```
#d7ece5 rgb(215,236,229)
```
#e4f2ee
```
#e4f2ee rgb(228,242,238)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cbd0ce
```
#cbd0ce rgb(203,208,206)
```
#c7d4d0
```
#c7d4d0 rgb(199,212,208)
```
#c4d7d1
```
#c4d7d1 rgb(196,215,209)
```
#c0dbd3
```
#c0dbd3 rgb(192,219,211)
```
#bcdfd4
```
#bcdfd4 rgb(188,223,212)
```
#b8e3d5
```
#b8e3d5 rgb(184,227,213)
```
#b4e7d7
```
#b4e7d7 rgb(180,231,215)
```
#b1ead8
```
#b1ead8 rgb(177,234,216)
```
#adeeda
```
#adeeda rgb(173,238,218)
```
#a9f2db
```
#a9f2db rgb(169,242,219)
```
#a5f6dc
```
#a5f6dc rgb(165,246,220)
```
#a1fade
```
#a1fade rgb(161,250,222)
```
#9efddf
```
#9efddf rgb(158,253,223)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced5d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded8d2 Protanopia 1% of men
#ecd3da Deuteranopia 1% of men
#c4dded Tritanopia 0.001% of the population

Trichromacy

#d2dad2 Protanomaly 1% of men, 0.01% of women
#dbd7d8 Deuteranomaly 6% of men, 0.4% of women
#c1dde3 Tritanomaly 0.01% of the population

#bcdfd4 hex color

#bcdfd4 Color Information

#bcdfd4 Color Conversion

Color Schemes with #bcdfd4

Alternatives to #bcdfd4

#bcdfd4 Preview

Shades and Tints of #bcdfd4

Tones of #bcdfd4

Color Blindness Simulator