#bdf1ff hex color

In a RGB color space, hex #bdf1ff is composed of 74.1% red, 94.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 5.5% magenta, 0% yellow and 0% black. It has a hue angle of 192.7 degrees, a saturation of 100% and a lightness of 87.1%. #bdf1ff color hex could be obtained by blending #ffffff with #7be3ff. Closest websafe color is: #ccffff.

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

● #bdf1ff color description : Pale cyan.

The hexadecimal color #bdf1ff has RGB values of R:189, G:241, B:255 and CMYK values of C:0.26, M:0.05, Y:0, K:0. Its decimal value is 12448255.

Hex triplet	bdf1ff	`#bdf1ff`
RGB Decimal	189, 241, 255	`rgb(189,241,255)`
RGB Percent	74.1, 94.5, 100	`rgb(74.1%,94.5%,100%)`
CMYK	26, 5, 0, 0
HSL	192.7°, 100, 87.1	`hsl(192.7,100%,87.1%)`
HSV (or HSB)	192.7°, 25.9, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.108, -13.405, -12.145
XYZ	70.487, 80.947, 106.513
xyY	0.273, 0.314, 80.947
CIE-LCH	92.108, 18.088, 222.177
CIE-LUV	92.108, -26.446, -17.015
Hunter-Lab	89.971, -17.603, -7.212
Binary	10111101, 11110001, 11111111

#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#ffcbbd
```
#ffcbbd rgb(255,203,189)
```

Complementary Color

#bdffec
```
#bdffec rgb(189,255,236)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#bdd0ff
```
#bdd0ff rgb(189,208,255)
```

Analogous Color

#ffecbd
```
#ffecbd rgb(255,236,189)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#ffbdd0
```
#ffbdd0 rgb(255,189,208)
```

Split Complementary Color

#f1ffbd
```
#f1ffbd rgb(241,255,189)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#ffbdf1
```
#ffbdf1 rgb(255,189,241)
```

Triadic Color

#bdffcb
```
#bdffcb rgb(189,255,203)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#ffbdf1
```
#ffbdf1 rgb(255,189,241)
```
#ffcbbd
```
#ffcbbd rgb(255,203,189)
```

Tetradic Color

#71e1ff
```
#71e1ff rgb(113,225,255)
```
#8ae6ff
```
#8ae6ff rgb(138,230,255)
```
#a4ecff
```
#a4ecff rgb(164,236,255)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#d7f6ff
```
#d7f6ff rgb(215,246,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfffd
```
#bdfffd rgb(189,255,253)
```
#bdfcff
```
#bdfcff rgb(189,252,255)
```
#bdf7ff
```
#bdf7ff rgb(189,247,255)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#bdecff
```
#bdecff rgb(189,236,255)
```
#bde6ff
```
#bde6ff rgb(189,230,255)
```
#bde1ff
```
#bde1ff rgb(189,225,255)
```

Similar Colors

Text with hexadecimal color #bdf1ff

This text has a font color of #bdf1ff.

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

#bdf1ff background color

This paragraph has a background color of #bdf1ff.

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

#bdf1ff border color

This element has a border color of #bdf1ff.

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

CSS codes

.text {color:#bdf1ff;}

.background {background-color:#bdf1ff;}

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#001920
```
#001920 rgb(0,25,32)
```
#002934
```
#002934 rgb(0,41,52)
```
#003847
```
#003847 rgb(0,56,71)
```
#00485b
```
#00485b rgb(0,72,91)
```
#00576f
```
#00576f rgb(0,87,111)
```
#006782
```
#006782 rgb(0,103,130)
```
#007696
```
#007696 rgb(0,118,150)
```
#0085a9
```
#0085a9 rgb(0,133,169)
```
#0095bd
```
#0095bd rgb(0,149,189)
```
#00a4d1
```
#00a4d1 rgb(0,164,209)
```
#00b4e4
```
#00b4e4 rgb(0,180,228)
```
#00c3f8
```
#00c3f8 rgb(0,195,248)
```

Shade Color Variation

#0cccff
```
#0cccff rgb(12,204,255)
```
#20d0ff
```
#20d0ff rgb(32,208,255)
```
#34d4ff
```
#34d4ff rgb(52,212,255)
```
#47d8ff
```
#47d8ff rgb(71,216,255)
```
#5bdcff
```
#5bdcff rgb(91,220,255)
```
#6fe0ff
```
#6fe0ff rgb(111,224,255)
```
#82e5ff
```
#82e5ff rgb(130,229,255)
```
#96e9ff
```
#96e9ff rgb(150,233,255)
```
#a9edff
```
#a9edff rgb(169,237,255)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#d1f5ff
```
#d1f5ff rgb(209,245,255)
```
#e4f9ff
```
#e4f9ff rgb(228,249,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#dbdfe1
```
#dbdfe1 rgb(219,223,225)
```
#d9e1e3
```
#d9e1e3 rgb(217,225,227)
```
#d6e2e6
```
#d6e2e6 rgb(214,226,230)
```
#d4e4e8
```
#d4e4e8 rgb(212,228,232)
```
#d1e5eb
```
#d1e5eb rgb(209,229,235)
```
#cfe7ed
```
#cfe7ed rgb(207,231,237)
```
#cce8f0
```
#cce8f0 rgb(204,232,240)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#c7ebf5
```
#c7ebf5 rgb(199,235,245)
```
#c5edf7
```
#c5edf7 rgb(197,237,247)
```
#c2eefa
```
#c2eefa rgb(194,238,250)
```
#c0f0fc
```
#c0f0fc rgb(192,240,252)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dbe6e9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e8f9 Protanopia 1% of men
#f0e4ff Deuteranopia 1% of men
#c8f0ff Tritanopia 0.001% of the population

Trichromacy

#d8ebfb Protanomaly 1% of men, 0.01% of women
#dde9ff Deuteranomaly 6% of men, 0.4% of women
#c4f0ff Tritanomaly 0.01% of the population

#bdf1ff hex color

#bdf1ff Color Information

#bdf1ff Color Conversion

Color Schemes with #bdf1ff

Alternatives to #bdf1ff

#bdf1ff Preview

Shades and Tints of #bdf1ff

Tones of #bdf1ff

Color Blindness Simulator