#bde7f9 hex color

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

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

● #bde7f9 color description : Very soft blue.

The hexadecimal color #bde7f9 has RGB values of R:189, G:231, B:249 and CMYK values of C:0.24, M:0.07, Y:0, K:0.02. Its decimal value is 12445689.

Hex triplet	bde7f9	`#bde7f9`
RGB Decimal	189, 231, 249	`rgb(189,231,249)`
RGB Percent	74.1, 90.6, 97.6	`rgb(74.1%,90.6%,97.6%)`
CMYK	24, 7, 0, 2
HSL	198°, 83.3, 85.9	`hsl(198,83.3%,85.9%)`
HSV (or HSB)	198°, 24.1, 97.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.303, -9.665, -13.201
XYZ	66.657, 74.808, 100.545
xyY	0.275, 0.309, 74.808
CIE-LCH	89.303, 16.361, 233.793
CIE-LUV	89.303, -21.993, -19.272
Hunter-Lab	86.492, -13.795, -8.379
Binary	10111101, 11100111, 11111001

#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#f9cfbd
```
#f9cfbd rgb(249,207,189)
```

Complementary Color

#bdf9ed
```
#bdf9ed rgb(189,249,237)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#bdc9f9
```
#bdc9f9 rgb(189,201,249)
```

Analogous Color

#f9edbd
```
#f9edbd rgb(249,237,189)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#f9bdc9
```
#f9bdc9 rgb(249,189,201)
```

Split Complementary Color

#e7f9bd
```
#e7f9bd rgb(231,249,189)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#f9bde7
```
#f9bde7 rgb(249,189,231)
```

Triadic Color

#bdf9cf
```
#bdf9cf rgb(189,249,207)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#f9bde7
```
#f9bde7 rgb(249,189,231)
```
#f9cfbd
```
#f9cfbd rgb(249,207,189)
```

Tetradic Color

#77cef3
```
#77cef3 rgb(119,206,243)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#a6dff7
```
#a6dff7 rgb(166,223,247)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#d4f0fb
```
#d4f0fb rgb(212,240,251)
```
#ecf8fd
```
#ecf8fd rgb(236,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf6f9
```
#bdf6f9 rgb(189,246,249)
```
#bdf1f9
```
#bdf1f9 rgb(189,241,249)
```
#bdecf9
```
#bdecf9 rgb(189,236,249)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#bde2f9
```
#bde2f9 rgb(189,226,249)
```
#bdddf9
```
#bdddf9 rgb(189,221,249)
```
#bdd8f9
```
#bdd8f9 rgb(189,216,249)
```

Similar Colors

Text with hexadecimal color #bde7f9

This text has a font color of #bde7f9.

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

#bde7f9 background color

This paragraph has a background color of #bde7f9.

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

#bde7f9 border color

This element has a border color of #bde7f9.

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

CSS codes

.text {color:#bde7f9;}

.background {background-color:#bde7f9;}

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021118
```
#021118 rgb(2,17,24)
```
#041e2a
```
#041e2a rgb(4,30,42)
```
#052c3c
```
#052c3c rgb(5,44,60)
```
#07394e
```
#07394e rgb(7,57,78)
```
#094660
```
#094660 rgb(9,70,96)
```
#0a5372
```
#0a5372 rgb(10,83,114)
```
#0c6084
```
#0c6084 rgb(12,96,132)
```
#0e6d96
```
#0e6d96 rgb(14,109,150)
```
#0f7aa8
```
#0f7aa8 rgb(15,122,168)
```
#1187ba
```
#1187ba rgb(17,135,186)
```
#1394cc
```
#1394cc rgb(19,148,204)
```
#14a1de
```
#14a1de rgb(20,161,222)
```

Shade Color Variation

#1bacea
```
#1bacea rgb(27,172,234)
```
#2db3ec
```
#2db3ec rgb(45,179,236)
```
#3fb9ee
```
#3fb9ee rgb(63,185,238)
```
#51c0ef
```
#51c0ef rgb(81,192,239)
```
#63c6f1
```
#63c6f1 rgb(99,198,241)
```
#75cdf2
```
#75cdf2 rgb(117,205,242)
```
#87d3f4
```
#87d3f4 rgb(135,211,244)
```
#99daf6
```
#99daf6 rgb(153,218,246)
```
#abe0f7
```
#abe0f7 rgb(171,224,247)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#cfeefb
```
#cfeefb rgb(207,238,251)
```
#e1f4fc
```
#e1f4fc rgb(225,244,252)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#d9dcdd
```
#d9dcdd rgb(217,220,221)
```
#d6dde0
```
#d6dde0 rgb(214,221,224)
```
#d3dee3
```
#d3dee3 rgb(211,222,227)
```
#d0dfe6
```
#d0dfe6 rgb(208,223,230)
```
#cee0e8
```
#cee0e8 rgb(206,224,232)
```
#cbe1eb
```
#cbe1eb rgb(203,225,235)
```
#c8e3ee
```
#c8e3ee rgb(200,227,238)
```
#c5e4f1
```
#c5e4f1 rgb(197,228,241)
```
#c3e5f3
```
#c3e5f3 rgb(195,229,243)
```
#c0e6f6
```
#c0e6f6 rgb(192,230,246)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#bae8fc
```
#bae8fc rgb(186,232,252)
```
#b7e9ff
```
#b7e9ff rgb(183,233,255)
```

Tone Color Variation

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

Dichromacy

#dfe0f4 Protanopia 1% of men
#e9dcfd Deuteranopia 1% of men
#c0e8f9 Tritanopia 0.001% of the population

Trichromacy

#d3e2f6 Protanomaly 1% of men, 0.01% of women
#d9e0fb Deuteranomaly 6% of men, 0.4% of women
#bfe7f9 Tritanomaly 0.01% of the population

#bde7f9 hex color

#bde7f9 Color Information

#bde7f9 Color Conversion

Color Schemes with #bde7f9

Alternatives to #bde7f9

#bde7f9 Preview

Shades and Tints of #bde7f9

Tones of #bde7f9

Color Blindness Simulator