#bdf2fc hex color

In a RGB color space, hex #bdf2fc is composed of 74.1% red, 94.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 4% magenta, 0% yellow and 1.2% black. It has a hue angle of 189.5 degrees, a saturation of 91.3% and a lightness of 86.5%. #bdf2fc color hex could be obtained by blending #ffffff with #7be5f9. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 74
- G 95
- B 99
RGB color chart
- C 25
- M 4
- Y 0
- K 1
CMYK color chart

● #bdf2fc color description : Very soft cyan.

The hexadecimal color #bdf2fc has RGB values of R:189, G:242, B:252 and CMYK values of C:0.25, M:0.04, Y:0, K:0.01. Its decimal value is 12448508.

Hex triplet	bdf2fc	`#bdf2fc`
RGB Decimal	189, 242, 252	`rgb(189,242,252)`
RGB Percent	74.1, 94.9, 98.8	`rgb(74.1%,94.9%,98.8%)`
CMYK	25, 4, 0, 1
HSL	189.5°, 91.3, 86.5	`hsl(189.5,91.3%,86.5%)`
HSV (or HSB)	189.5°, 25, 98.8
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.287, -14.565, -10.318
XYZ	70.305, 81.349, 104.088
xyY	0.275, 0.318, 81.349
CIE-LCH	92.287, 17.85, 215.315
CIE-LUV	92.287, -26.856, -13.855
Hunter-Lab	90.194, -18.7, -5.288
Binary	10111101, 11110010, 11111100

#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#fcc7bd
```
#fcc7bd rgb(252,199,189)
```

Complementary Color

#bdfce7
```
#bdfce7 rgb(189,252,231)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#bdd3fc
```
#bdd3fc rgb(189,211,252)
```

Analogous Color

#fce7bd
```
#fce7bd rgb(252,231,189)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#fcbdd3
```
#fcbdd3 rgb(252,189,211)
```

Split Complementary Color

#f2fcbd
```
#f2fcbd rgb(242,252,189)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#fcbdf2
```
#fcbdf2 rgb(252,189,242)
```

Triadic Color

#bdfcc7
```
#bdfcc7 rgb(189,252,199)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#fcbdf2
```
#fcbdf2 rgb(252,189,242)
```
#fcc7bd
```
#fcc7bd rgb(252,199,189)
```

Tetradic Color

#74e4f9
```
#74e4f9 rgb(116,228,249)
```
#8ce8fa
```
#8ce8fa rgb(140,232,250)
```
#a5edfb
```
#a5edfb rgb(165,237,251)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#d5f7fd
```
#d5f7fd rgb(213,247,253)
```
#eefcfe
```
#eefcfe rgb(238,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdfcf6
```
#bdfcf6 rgb(189,252,246)
```
#bdfcfc
```
#bdfcfc rgb(189,252,252)
```
#bdf7fc
```
#bdf7fc rgb(189,247,252)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#bdedfc
```
#bdedfc rgb(189,237,252)
```
#bde8fc
```
#bde8fc rgb(189,232,252)
```
#bde2fc
```
#bde2fc rgb(189,226,252)
```

Similar Colors

Text with hexadecimal color #bdf2fc

This text has a font color of #bdf2fc.

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

#bdf2fc background color

This paragraph has a background color of #bdf2fc.

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

#bdf2fc border color

This element has a border color of #bdf2fc.

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

CSS codes

.text {color:#bdf2fc;}

.background {background-color:#bdf2fc;}

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

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

#000809
```
#000809 rgb(0,8,9)
```
#01181c
```
#01181c rgb(1,24,28)
```
#02282f
```
#02282f rgb(2,40,47)
```
#033741
```
#033741 rgb(3,55,65)
```
#044754
```
#044754 rgb(4,71,84)
```
#055767
```
#055767 rgb(5,87,103)
```
#06677a
```
#06677a rgb(6,103,122)
```
#06778c
```
#06778c rgb(6,119,140)
```
#07879f
```
#07879f rgb(7,135,159)
```
#0897b2
```
#0897b2 rgb(8,151,178)
```
#09a7c5
```
#09a7c5 rgb(9,167,197)
```
#0ab7d7
```
#0ab7d7 rgb(10,183,215)
```
#0bc7ea
```
#0bc7ea rgb(11,199,234)
```

Shade Color Variation

#14d1f4
```
#14d1f4 rgb(20,209,244)
```
#27d4f5
```
#27d4f5 rgb(39,212,245)
```
#3ad8f6
```
#3ad8f6 rgb(58,216,246)
```
#4cdcf7
```
#4cdcf7 rgb(76,220,247)
```
#5fe0f8
```
#5fe0f8 rgb(95,224,248)
```
#72e3f9
```
#72e3f9 rgb(114,227,249)
```
#85e7f9
```
#85e7f9 rgb(133,231,249)
```
#97ebfa
```
#97ebfa rgb(151,235,250)
```
#aaeefb
```
#aaeefb rgb(170,238,251)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#d0f6fd
```
#d0f6fd rgb(208,246,253)
```
#e3f9fe
```
#e3f9fe rgb(227,249,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#dadedf
```
#dadedf rgb(218,222,223)
```
#d8e0e1
```
#d8e0e1 rgb(216,224,225)
```
#d5e2e4
```
#d5e2e4 rgb(213,226,228)
```
#d2e4e7
```
#d2e4e7 rgb(210,228,231)
```
#d0e5e9
```
#d0e5e9 rgb(208,229,233)
```
#cde7ec
```
#cde7ec rgb(205,231,236)
```
#cae9ef
```
#cae9ef rgb(202,233,239)
```
#c8ebf1
```
#c8ebf1 rgb(200,235,241)
```
#c5edf4
```
#c5edf4 rgb(197,237,244)
```
#c2eef7
```
#c2eef7 rgb(194,238,247)
```
#c0f0f9
```
#c0f0f9 rgb(192,240,249)
```
#bdf2fc
```
#bdf2fc rgb(189,242,252)
```
#baf4ff
```
#baf4ff rgb(186,244,255)
```

Tone Color Variation

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

Dichromacy

#eae8f6 Protanopia 1% of men
#f3e4ff Deuteranopia 1% of men
#c9f0ff Tritanopia 0.001% of the population

Trichromacy

#d9ecf8 Protanomaly 1% of men, 0.01% of women
#dfe9fd Deuteranomaly 6% of men, 0.4% of women
#c5f0fd Tritanomaly 0.01% of the population

#bdf2fc hex color

#bdf2fc Color Information

#bdf2fc Color Conversion

Color Schemes with #bdf2fc

Alternatives to #bdf2fc

#bdf2fc Preview

Shades and Tints of #bdf2fc

Tones of #bdf2fc

Color Blindness Simulator