#bdf4fa hex color

In a RGB color space, hex #bdf4fa is composed of 74.1% red, 95.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 2.4% magenta, 0% yellow and 2% black. It has a hue angle of 185.9 degrees, a saturation of 85.9% and a lightness of 86.1%. #bdf4fa color hex could be obtained by blending #ffffff with #7be9f5. Closest websafe color is: #ccffff.

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

● #bdf4fa color description : Very soft cyan.

The hexadecimal color #bdf4fa has RGB values of R:189, G:244, B:250 and CMYK values of C:0.24, M:0.02, Y:0, K:0.02. Its decimal value is 12449018.

Hex triplet	bdf4fa	`#bdf4fa`
RGB Decimal	189, 244, 250	`rgb(189,244,250)`
RGB Percent	74.1, 95.7, 98	`rgb(74.1%,95.7%,98%)`
CMYK	24, 2, 0, 2
HSL	185.9°, 85.9, 86.1	`hsl(185.9,85.9%,86.1%)`
HSV (or HSB)	185.9°, 24.4, 98
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.76, -15.998, -8.576
XYZ	70.588, 82.42, 102.627
xyY	0.276, 0.322, 82.42
CIE-LCH	92.76, 18.152, 208.195
CIE-LUV	92.76, -27.715, -10.809
Hunter-Lab	90.785, -20.086, -3.473
Binary	10111101, 11110100, 11111010

#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#fac3bd
```
#fac3bd rgb(250,195,189)
```

Complementary Color

#bdfae2
```
#bdfae2 rgb(189,250,226)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#bdd6fa
```
#bdd6fa rgb(189,214,250)
```

Analogous Color

#fae2bd
```
#fae2bd rgb(250,226,189)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#fabdd6
```
#fabdd6 rgb(250,189,214)
```

Split Complementary Color

#f4fabd
```
#f4fabd rgb(244,250,189)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#fabdf4
```
#fabdf4 rgb(250,189,244)
```

Triadic Color

#bdfac3
```
#bdfac3 rgb(189,250,195)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#fabdf4
```
#fabdf4 rgb(250,189,244)
```
#fac3bd
```
#fac3bd rgb(250,195,189)
```

Tetradic Color

#76e8f5
```
#76e8f5 rgb(118,232,245)
```
#8eecf6
```
#8eecf6 rgb(142,236,246)
```
#a5f0f8
```
#a5f0f8 rgb(165,240,248)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#d5f8fc
```
#d5f8fc rgb(213,248,252)
```
#ecfcfe
```
#ecfcfe rgb(236,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfaf1
```
#bdfaf1 rgb(189,250,241)
```
#bdfaf6
```
#bdfaf6 rgb(189,250,246)
```
#bdf9fa
```
#bdf9fa rgb(189,249,250)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#bdeffa
```
#bdeffa rgb(189,239,250)
```
#bdeafa
```
#bdeafa rgb(189,234,250)
```
#bde5fa
```
#bde5fa rgb(189,229,250)
```

Similar Colors

Text with hexadecimal color #bdf4fa

This text has a font color of #bdf4fa.

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

#bdf4fa background color

This paragraph has a background color of #bdf4fa.

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

#bdf4fa border color

This element has a border color of #bdf4fa.

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

CSS codes

.text {color:#bdf4fa;}

.background {background-color:#bdf4fa;}

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

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

#010607
```
#010607 rgb(1,6,7)
```
#021719
```
#021719 rgb(2,23,25)
```
#03272b
```
#03272b rgb(3,39,43)
```
#05383e
```
#05383e rgb(5,56,62)
```
#064950
```
#064950 rgb(6,73,80)
```
#075962
```
#075962 rgb(7,89,98)
```
#096a74
```
#096a74 rgb(9,106,116)
```
#0a7a87
```
#0a7a87 rgb(10,122,135)
```
#0c8b99
```
#0c8b99 rgb(12,139,153)
```
#0d9bab
```
#0d9bab rgb(13,155,171)
```
#0eacbd
```
#0eacbd rgb(14,172,189)
```
#10bdd0
```
#10bdd0 rgb(16,189,208)
```
#11cde2
```
#11cde2 rgb(17,205,226)
```

Shade Color Variation

#19d9ee
```
#19d9ee rgb(25,217,238)
```
#2bdcef
```
#2bdcef rgb(43,220,239)
```
#3ddff0
```
#3ddff0 rgb(61,223,240)
```
#50e2f2
```
#50e2f2 rgb(80,226,242)
```
#62e5f3
```
#62e5f3 rgb(98,229,243)
```
#74e8f4
```
#74e8f4 rgb(116,232,244)
```
#86ebf6
```
#86ebf6 rgb(134,235,246)
```
#99eef7
```
#99eef7 rgb(153,238,247)
```
#abf1f9
```
#abf1f9 rgb(171,241,249)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#cff7fb
```
#cff7fb rgb(207,247,251)
```
#e1fafd
```
#e1fafd rgb(225,250,253)
```
#f4fdfe
```
#f4fdfe rgb(244,253,254)
```

Tint Color Variation

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

#dbdcdc
```
#dbdcdc rgb(219,220,220)
```
#d8dedf
```
#d8dedf rgb(216,222,223)
```
#d6e0e1
```
#d6e0e1 rgb(214,224,225)
```
#d3e2e4
```
#d3e2e4 rgb(211,226,228)
```
#d0e5e7
```
#d0e5e7 rgb(208,229,231)
```
#cde7ea
```
#cde7ea rgb(205,231,234)
```
#cbe9ec
```
#cbe9ec rgb(203,233,236)
```
#c8ebef
```
#c8ebef rgb(200,235,239)
```
#c5edf2
```
#c5edf2 rgb(197,237,242)
```
#c2f0f5
```
#c2f0f5 rgb(194,240,245)
```
#c0f2f7
```
#c0f2f7 rgb(192,242,247)
```
#bdf4fa
```
#bdf4fa rgb(189,244,250)
```
#baf6fd
```
#baf6fd rgb(186,246,253)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#dce7e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece9f4 Protanopia 1% of men
#f7e5ff Deuteranopia 1% of men
#cdf1ff Tritanopia 0.001% of the population

Trichromacy

#dbedf6 Protanomaly 1% of men, 0.01% of women
#e1eafd Deuteranomaly 6% of men, 0.4% of women
#c7f2fd Tritanomaly 0.01% of the population

#bdf4fa hex color

#bdf4fa Color Information

#bdf4fa Color Conversion

Color Schemes with #bdf4fa

Alternatives to #bdf4fa

#bdf4fa Preview

Shades and Tints of #bdf4fa

Tones of #bdf4fa

Color Blindness Simulator