#bdf0fe hex color

In a RGB color space, hex #bdf0fe is composed of 74.1% red, 94.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 5.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 192.9 degrees, a saturation of 97% and a lightness of 86.9%. #bdf0fe color hex could be obtained by blending #ffffff with #7be1fd. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 74
- G 94
- B 100
RGB color chart
- C 26
- M 6
- Y 0
- K 0
CMYK color chart

● #bdf0fe color description : Very soft cyan.

The hexadecimal color #bdf0fe has RGB values of R:189, G:240, B:254 and CMYK values of C:0.26, M:0.06, Y:0, K:0. Its decimal value is 12447998.

Hex triplet	bdf0fe	`#bdf0fe`
RGB Decimal	189, 240, 254	`rgb(189,240,254)`
RGB Percent	74.1, 94.1, 99.6	`rgb(74.1%,94.1%,99.6%)`
CMYK	26, 6, 0, 0
HSL	192.9°, 97, 86.9	`hsl(192.9,97%,86.9%)`
HSV (or HSB)	192.9°, 25.6, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.816, -13.123, -12.06
XYZ	70.032, 80.293, 105.569
xyY	0.274, 0.314, 80.293
CIE-LCH	91.816, 17.823, 222.584
CIE-LUV	91.816, -26.002, -16.915
Hunter-Lab	89.606, -17.304, -7.128
Binary	10111101, 11110000, 11111110

#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#fecbbd
```
#fecbbd rgb(254,203,189)
```

Complementary Color

#bdfeec
```
#bdfeec rgb(189,254,236)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#bdd0fe
```
#bdd0fe rgb(189,208,254)
```

Analogous Color

#feecbd
```
#feecbd rgb(254,236,189)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#febdd0
```
#febdd0 rgb(254,189,208)
```

Split Complementary Color

#f0febd
```
#f0febd rgb(240,254,189)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#febdf0
```
#febdf0 rgb(254,189,240)
```

Triadic Color

#bdfecb
```
#bdfecb rgb(189,254,203)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#febdf0
```
#febdf0 rgb(254,189,240)
```
#fecbbd
```
#fecbbd rgb(254,203,189)
```

Tetradic Color

#72dffd
```
#72dffd rgb(114,223,253)
```
#8be5fd
```
#8be5fd rgb(139,229,253)
```
#a4eafe
```
#a4eafe rgb(164,234,254)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#d6f6fe
```
#d6f6fe rgb(214,246,254)
```
#effbff
```
#effbff rgb(239,251,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfefc
```
#bdfefc rgb(189,254,252)
```
#bdfbfe
```
#bdfbfe rgb(189,251,254)
```
#bdf5fe
```
#bdf5fe rgb(189,245,254)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#bdebfe
```
#bdebfe rgb(189,235,254)
```
#bde5fe
```
#bde5fe rgb(189,229,254)
```
#bde0fe
```
#bde0fe rgb(189,224,254)
```

Similar Colors

Text with hexadecimal color #bdf0fe

This text has a font color of #bdf0fe.

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

#bdf0fe background color

This paragraph has a background color of #bdf0fe.

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

#bdf0fe border color

This element has a border color of #bdf0fe.

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

CSS codes

.text {color:#bdf0fe;}

.background {background-color:#bdf0fe;}

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00181f
```
#00181f rgb(0,24,31)
```
#012732
```
#012732 rgb(1,39,50)
```
#013745
```
#013745 rgb(1,55,69)
```
#014659
```
#014659 rgb(1,70,89)
```
#02556c
```
#02556c rgb(2,85,108)
```
#02647f
```
#02647f rgb(2,100,127)
```
#027393
```
#027393 rgb(2,115,147)
```
#0383a6
```
#0383a6 rgb(3,131,166)
```
#0392b9
```
#0392b9 rgb(3,146,185)
```
#03a1cd
```
#03a1cd rgb(3,161,205)
```
#03b0e0
```
#03b0e0 rgb(3,176,224)
```
#04c0f3
```
#04c0f3 rgb(4,192,243)
```

Shade Color Variation

#0fc8fb
```
#0fc8fb rgb(15,200,251)
```
#22cdfc
```
#22cdfc rgb(34,205,252)
```
#36d1fc
```
#36d1fc rgb(54,209,252)
```
#49d6fc
```
#49d6fc rgb(73,214,252)
```
#5cdafd
```
#5cdafd rgb(92,218,253)
```
#70defd
```
#70defd rgb(112,222,253)
```
#83e3fd
```
#83e3fd rgb(131,227,253)
```
#96e7fd
```
#96e7fd rgb(150,231,253)
```
#aaecfe
```
#aaecfe rgb(170,236,254)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#d0f4fe
```
#d0f4fe rgb(208,244,254)
```
#e4f9ff
```
#e4f9ff rgb(228,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#dcdedf
```
#dcdedf rgb(220,222,223)
```
#d9e0e2
```
#d9e0e2 rgb(217,224,226)
```
#d7e1e4
```
#d7e1e4 rgb(215,225,228)
```
#d4e3e7
```
#d4e3e7 rgb(212,227,231)
```
#d2e4e9
```
#d2e4e9 rgb(210,228,233)
```
#cfe6ec
```
#cfe6ec rgb(207,230,236)
```
#cce7ef
```
#cce7ef rgb(204,231,239)
```
#cae9f1
```
#cae9f1 rgb(202,233,241)
```
#c7eaf4
```
#c7eaf4 rgb(199,234,244)
```
#c5ecf6
```
#c5ecf6 rgb(197,236,246)
```
#c2edf9
```
#c2edf9 rgb(194,237,249)
```
#c0effb
```
#c0effb rgb(192,239,251)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dbe5e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e7f8 Protanopia 1% of men
#f0e3ff Deuteranopia 1% of men
#c6efff Tritanopia 0.001% of the population

Trichromacy

#d8eafa Protanomaly 1% of men, 0.01% of women
#dde8fe Deuteranomaly 6% of men, 0.4% of women
#c2effe Tritanomaly 0.01% of the population

#bdf0fe hex color

#bdf0fe Color Information

#bdf0fe Color Conversion

Color Schemes with #bdf0fe

Alternatives to #bdf0fe

#bdf0fe Preview

Shades and Tints of #bdf0fe

Tones of #bdf0fe

Color Blindness Simulator