#bdf4fe hex color

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

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

● #bdf4fe color description : Very soft cyan.

The hexadecimal color #bdf4fe has RGB values of R:189, G:244, B:254 and CMYK values of C:0.26, M:0.04, Y:0, K:0. Its decimal value is 12449022.

Hex triplet	bdf4fe	`#bdf4fe`
RGB Decimal	189, 244, 254	`rgb(189,244,254)`
RGB Percent	74.1, 95.7, 99.6	`rgb(74.1%,95.7%,99.6%)`
CMYK	26, 4, 0, 0
HSL	189.2°, 97, 86.9	`hsl(189.2,97%,86.9%)`
HSV (or HSB)	189.2°, 25.6, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.871, -15.127, -10.488
XYZ	71.222, 82.674, 105.965
xyY	0.274, 0.318, 82.674
CIE-LCH	92.871, 18.407, 214.735
CIE-LUV	92.871, -27.742, -14.051
Hunter-Lab	90.925, -19.299, -5.45
Binary	10111101, 11110100, 11111110

#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#fec7bd
```
#fec7bd rgb(254,199,189)
```

Complementary Color

#bdfee8
```
#bdfee8 rgb(189,254,232)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#bdd4fe
```
#bdd4fe rgb(189,212,254)
```

Analogous Color

#fee8bd
```
#fee8bd rgb(254,232,189)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#febdd4
```
#febdd4 rgb(254,189,212)
```

Split Complementary Color

#f4febd
```
#f4febd rgb(244,254,189)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#febdf4
```
#febdf4 rgb(254,189,244)
```

Triadic Color

#bdfec7
```
#bdfec7 rgb(189,254,199)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#febdf4
```
#febdf4 rgb(254,189,244)
```
#fec7bd
```
#fec7bd rgb(254,199,189)
```

Tetradic Color

#72e7fd
```
#72e7fd rgb(114,231,253)
```
#8becfd
```
#8becfd rgb(139,236,253)
```
#a4f0fe
```
#a4f0fe rgb(164,240,254)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#d6f8fe
```
#d6f8fe rgb(214,248,254)
```
#effcff
```
#effcff rgb(239,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfef8
```
#bdfef8 rgb(189,254,248)
```
#bdfefd
```
#bdfefd rgb(189,254,253)
```
#bdf9fe
```
#bdf9fe rgb(189,249,254)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#bdeffe
```
#bdeffe rgb(189,239,254)
```
#bde9fe
```
#bde9fe rgb(189,233,254)
```
#bde4fe
```
#bde4fe rgb(189,228,254)
```

Similar Colors

Text with hexadecimal color #bdf4fe

This text has a font color of #bdf4fe.

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

#bdf4fe background color

This paragraph has a background color of #bdf4fe.

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

#bdf4fe border color

This element has a border color of #bdf4fe.

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

CSS codes

.text {color:#bdf4fe;}

.background {background-color:#bdf4fe;}

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

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, #000a0b is the darkest color, while #f7feff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#012a32
```
#012a32 rgb(1,42,50)
```
#013b45
```
#013b45 rgb(1,59,69)
```
#014b59
```
#014b59 rgb(1,75,89)
```
#025c6c
```
#025c6c rgb(2,92,108)
```
#026c7f
```
#026c7f rgb(2,108,127)
```
#027c93
```
#027c93 rgb(2,124,147)
```
#038da6
```
#038da6 rgb(3,141,166)
```
#039db9
```
#039db9 rgb(3,157,185)
```
#03aecd
```
#03aecd rgb(3,174,205)
```
#03bee0
```
#03bee0 rgb(3,190,224)
```
#04cef3
```
#04cef3 rgb(4,206,243)
```

Shade Color Variation

#0fd7fb
```
#0fd7fb rgb(15,215,251)
```
#22dafc
```
#22dafc rgb(34,218,252)
```
#36ddfc
```
#36ddfc rgb(54,221,252)
```
#49e1fc
```
#49e1fc rgb(73,225,252)
```
#5ce4fd
```
#5ce4fd rgb(92,228,253)
```
#70e7fd
```
#70e7fd rgb(112,231,253)
```
#83eafd
```
#83eafd rgb(131,234,253)
```
#96eefd
```
#96eefd rgb(150,238,253)
```
#aaf1fe
```
#aaf1fe rgb(170,241,254)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#d0f7fe
```
#d0f7fe rgb(208,247,254)
```
#e4faff
```
#e4faff rgb(228,250,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#dcdfdf
```
#dcdfdf rgb(220,223,223)
```
#d9e0e2
```
#d9e0e2 rgb(217,224,226)
```
#d7e2e4
```
#d7e2e4 rgb(215,226,228)
```
#d4e4e7
```
#d4e4e7 rgb(212,228,231)
```
#d2e6e9
```
#d2e6e9 rgb(210,230,233)
```
#cfe8ec
```
#cfe8ec rgb(207,232,236)
```
#cce9ef
```
#cce9ef rgb(204,233,239)
```
#caebf1
```
#caebf1 rgb(202,235,241)
```
#c7edf4
```
#c7edf4 rgb(199,237,244)
```
#c5eff6
```
#c5eff6 rgb(197,239,246)
```
#c2f0f9
```
#c2f0f9 rgb(194,240,249)
```
#c0f2fb
```
#c0f2fb rgb(192,242,251)
```
#bdf4fe
```
#bdf4fe rgb(189,244,254)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dde8ea Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebeaf8 Protanopia 1% of men
#f4e6ff Deuteranopia 1% of men
#cdf1ff Tritanopia 0.001% of the population

Trichromacy

#daedfa Protanomaly 1% of men, 0.01% of women
#e0ebfe Deuteranomaly 6% of men, 0.4% of women
#c7f2fe Tritanomaly 0.01% of the population

#bdf4fe hex color

#bdf4fe Color Information

#bdf4fe Color Conversion

Color Schemes with #bdf4fe

Alternatives to #bdf4fe

#bdf4fe Preview

Shades and Tints of #bdf4fe

Tones of #bdf4fe

Color Blindness Simulator