#bde7f4 hex color

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

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

● #bde7f4 color description : Very soft cyan.

The hexadecimal color #bde7f4 has RGB values of R:189, G:231, B:244 and CMYK values of C:0.23, M:0.05, Y:0, K:0.04. Its decimal value is 12445684.

Hex triplet	bde7f4	`#bde7f4`
RGB Decimal	189, 231, 244	`rgb(189,231,244)`
RGB Percent	74.1, 90.6, 95.7	`rgb(74.1%,90.6%,95.7%)`
CMYK	23, 5, 0, 4
HSL	194.2°, 71.4, 84.9	`hsl(194.2,71.4%,84.9%)`
HSV (or HSB)	194.2°, 22.5, 95.7
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.158, -10.757, -10.798
XYZ	65.888, 74.5, 96.492
xyY	0.278, 0.315, 74.5
CIE-LCH	89.158, 15.242, 225.107
CIE-LUV	89.158, -21.91, -15.183
Hunter-Lab	86.314, -14.791, -5.862
Binary	10111101, 11100111, 11110100

#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#f4cabd
```
#f4cabd rgb(244,202,189)
```

Complementary Color

#bdf4e6
```
#bdf4e6 rgb(189,244,230)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#bdccf4
```
#bdccf4 rgb(189,204,244)
```

Analogous Color

#f4e6bd
```
#f4e6bd rgb(244,230,189)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#f4bdcc
```
#f4bdcc rgb(244,189,204)
```

Split Complementary Color

#e7f4bd
```
#e7f4bd rgb(231,244,189)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#f4bde7
```
#f4bde7 rgb(244,189,231)
```

Triadic Color

#bdf4ca
```
#bdf4ca rgb(189,244,202)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#f4bde7
```
#f4bde7 rgb(244,189,231)
```
#f4cabd
```
#f4cabd rgb(244,202,189)
```

Tetradic Color

#7bcfe9
```
#7bcfe9 rgb(123,207,233)
```
#91d7ed
```
#91d7ed rgb(145,215,237)
```
#a7dff0
```
#a7dff0 rgb(167,223,240)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#d3eff8
```
#d3eff8 rgb(211,239,248)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf4f3
```
#bdf4f3 rgb(189,244,243)
```
#bdf0f4
```
#bdf0f4 rgb(189,240,244)
```
#bdecf4
```
#bdecf4 rgb(189,236,244)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#bde2f4
```
#bde2f4 rgb(189,226,244)
```
#bddef4
```
#bddef4 rgb(189,222,244)
```
#bdd9f4
```
#bdd9f4 rgb(189,217,244)
```

Similar Colors

Text with hexadecimal color #bde7f4

This text has a font color of #bde7f4.

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

#bde7f4 background color

This paragraph has a background color of #bde7f4.

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

#bde7f4 border color

This element has a border color of #bde7f4.

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

CSS codes

.text {color:#bde7f4;}

.background {background-color:#bde7f4;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#061c23
```
#061c23 rgb(6,28,35)
```
#092a34
```
#092a34 rgb(9,42,52)
```
#0b3745
```
#0b3745 rgb(11,55,69)
```
#0e4555
```
#0e4555 rgb(14,69,85)
```
#115266
```
#115266 rgb(17,82,102)
```
#146077
```
#146077 rgb(20,96,119)
```
#176d88
```
#176d88 rgb(23,109,136)
```
#197b99
```
#197b99 rgb(25,123,153)
```
#1c88a9
```
#1c88a9 rgb(28,136,169)
```
#1f96ba
```
#1f96ba rgb(31,150,186)
```
#22a3cb
```
#22a3cb rgb(34,163,203)
```

Shade Color Variation

#26b0db
```
#26b0db rgb(38,176,219)
```
#36b6de
```
#36b6de rgb(54,182,222)
```
#47bce0
```
#47bce0 rgb(71,188,224)
```
#58c2e3
```
#58c2e3 rgb(88,194,227)
```
#69c8e6
```
#69c8e6 rgb(105,200,230)
```
#7acfe9
```
#7acfe9 rgb(122,207,233)
```
#8bd5ec
```
#8bd5ec rgb(139,213,236)
```
#9bdbee
```
#9bdbee rgb(155,219,238)
```
#ace1f1
```
#ace1f1 rgb(172,225,241)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#ceedf7
```
#ceedf7 rgb(206,237,247)
```
#dff3fa
```
#dff3fa rgb(223,243,250)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Tint Color Variation

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

#d8d9d9
```
#d8d9d9 rgb(216,217,217)
```
#d5dbdc
```
#d5dbdc rgb(213,219,220)
```
#d2dcdf
```
#d2dcdf rgb(210,220,223)
```
#cfdee2
```
#cfdee2 rgb(207,222,226)
```
#ccdfe5
```
#ccdfe5 rgb(204,223,229)
```
#c9e1e8
```
#c9e1e8 rgb(201,225,232)
```
#c6e2eb
```
#c6e2eb rgb(198,226,235)
```
#c3e4ee
```
#c3e4ee rgb(195,228,238)
```
#c0e5f1
```
#c0e5f1 rgb(192,229,241)
```
#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#bae9f7
```
#bae9f7 rgb(186,233,247)
```
#b7eafa
```
#b7eafa rgb(183,234,250)
```
#b4ecfd
```
#b4ecfd rgb(180,236,253)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d6dee1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0e0f0 Protanopia 1% of men
#ebdcf8 Deuteranopia 1% of men
#c1e7f8 Tritanopia 0.001% of the population

Trichromacy

#d3e2f1 Protanomaly 1% of men, 0.01% of women
#dae0f7 Deuteranomaly 6% of men, 0.4% of women
#bfe7f6 Tritanomaly 0.01% of the population

#bde7f4 hex color

#bde7f4 Color Information

#bde7f4 Color Conversion

Color Schemes with #bde7f4

Alternatives to #bde7f4

#bde7f4 Preview

Shades and Tints of #bde7f4

Tones of #bde7f4

Color Blindness Simulator