#b1fafd hex color

In a RGB color space, hex #b1fafd is composed of 69.4% red, 98% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 1.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 182.4 degrees, a saturation of 95% and a lightness of 84.3%. #b1fafd color hex could be obtained by blending #ffffff with #63f5fb. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 98
- B 99
RGB color chart
- C 30
- M 1
- Y 0
- K 1
CMYK color chart

● #b1fafd color description : Very soft cyan.

The hexadecimal color #b1fafd has RGB values of R:177, G:250, B:253 and CMYK values of C:0.3, M:0.01, Y:0, K:0.01. Its decimal value is 11664125.

Hex triplet	b1fafd	`#b1fafd`
RGB Decimal	177, 250, 253	`rgb(177,250,253)`
RGB Percent	69.4, 98, 99.2	`rgb(69.4%,98%,99.2%)`
CMYK	30, 1, 0, 1
HSL	182.4°, 95, 84.3	`hsl(182.4,95%,84.3%)`
HSV (or HSB)	182.4°, 30, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.8, -21.652, -8.66
XYZ	70.042, 84.807, 105.602
xyY	0.269, 0.326, 84.807
CIE-LCH	93.8, 23.319, 201.8
CIE-LUV	93.8, -35.31, -10.059
Hunter-Lab	92.091, -25.396, -3.525
Binary	10110001, 11111010, 11111101

#b1fafd
```
#b1fafd rgb(177,250,253)
```
#fdb4b1
```
#fdb4b1 rgb(253,180,177)
```

Complementary Color

#b1fdda
```
#b1fdda rgb(177,253,218)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```

Analogous Color

#fddab1
```
#fddab1 rgb(253,218,177)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#fdb1d4
```
#fdb1d4 rgb(253,177,212)
```

Split Complementary Color

#fafdb1
```
#fafdb1 rgb(250,253,177)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#fdb1fa
```
#fdb1fa rgb(253,177,250)
```

Triadic Color

#b1fdb4
```
#b1fdb4 rgb(177,253,180)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#fdb1fa
```
#fdb1fa rgb(253,177,250)
```
#fdb4b1
```
#fdb4b1 rgb(253,180,177)
```

Tetradic Color

#66f5fb
```
#66f5fb rgb(102,245,251)
```
#7ff7fc
```
#7ff7fc rgb(127,247,252)
```
#98f8fc
```
#98f8fc rgb(152,248,252)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#cafcfe
```
#cafcfe rgb(202,252,254)
```
#e3fdfe
```
#e3fdfe rgb(227,253,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Monochromatic Color

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

#b1fded
```
#b1fded rgb(177,253,237)
```
#b1fdf3
```
#b1fdf3 rgb(177,253,243)
```
#b1fdfa
```
#b1fdfa rgb(177,253,250)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#b1f4fd
```
#b1f4fd rgb(177,244,253)
```
#b1edfd
```
#b1edfd rgb(177,237,253)
```
#b1e7fd
```
#b1e7fd rgb(177,231,253)
```

Similar Colors

Text with hexadecimal color #b1fafd

This text has a font color of #b1fafd.

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

#b1fafd background color

This paragraph has a background color of #b1fafd.

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

#b1fafd border color

This element has a border color of #b1fafd.

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

CSS codes

.text {color:#b1fafd;}

.background {background-color:#b1fafd;}

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

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

#001112
```
#001112 rgb(0,17,18)
```
#012325
```
#012325 rgb(1,35,37)
```
#013638
```
#013638 rgb(1,54,56)
```
#02484b
```
#02484b rgb(2,72,75)
```
#025b5e
```
#025b5e rgb(2,91,94)
```
#036d71
```
#036d71 rgb(3,109,113)
```
#037f84
```
#037f84 rgb(3,127,132)
```
#049298
```
#049298 rgb(4,146,152)
```
#04a4ab
```
#04a4ab rgb(4,164,171)
```
#05b6be
```
#05b6be rgb(5,182,190)
```
#05c9d1
```
#05c9d1 rgb(5,201,209)
```
#06dbe4
```
#06dbe4 rgb(6,219,228)
```
#06eef7
```
#06eef7 rgb(6,238,247)
```

Shade Color Variation

#18f0f9
```
#18f0f9 rgb(24,240,249)
```
#2bf1fa
```
#2bf1fa rgb(43,241,250)
```
#3ef3fa
```
#3ef3fa rgb(62,243,250)
```
#51f4fb
```
#51f4fb rgb(81,244,251)
```
#65f5fb
```
#65f5fb rgb(101,245,251)
```
#78f6fc
```
#78f6fc rgb(120,246,252)
```
#8bf8fc
```
#8bf8fc rgb(139,248,252)
```
#9ef9fd
```
#9ef9fd rgb(158,249,253)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```
#c4fbfd
```
#c4fbfd rgb(196,251,253)
```
#d7fcfe
```
#d7fcfe rgb(215,252,254)
```
#eafefe
```
#eafefe rgb(234,254,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d6d8d8
```
#d6d8d8 rgb(214,216,216)
```
#d3dbdb
```
#d3dbdb rgb(211,219,219)
```
#d0dede
```
#d0dede rgb(208,222,222)
```
#cde0e1
```
#cde0e1 rgb(205,224,225)
```
#cae3e4
```
#cae3e4 rgb(202,227,228)
```
#c7e6e7
```
#c7e6e7 rgb(199,230,231)
```
#c3e9eb
```
#c3e9eb rgb(195,233,235)
```
#c0ecee
```
#c0ecee rgb(192,236,238)
```
#bdeff1
```
#bdeff1 rgb(189,239,241)
```
#baf1f4
```
#baf1f4 rgb(186,241,244)
```
#b7f4f7
```
#b7f4f7 rgb(183,244,247)
```
#b4f7fa
```
#b4f7fa rgb(180,247,250)
```
#b1fafd
```
#b1fafd rgb(177,250,253)
```

Tone Color Variation

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

Dichromacy

#efecf5 Protanopia 1% of men
#f7e9ff Deuteranopia 1% of men
#d1f4ff Tritanopia 0.001% of the population

Trichromacy

#d8f1f8 Protanomaly 1% of men, 0.01% of women
#ddeffe Deuteranomaly 6% of men, 0.4% of women
#c5f6fe Tritanomaly 0.01% of the population

#b1fafd hex color

#b1fafd Color Information

#b1fafd Color Conversion

Color Schemes with #b1fafd

Alternatives to #b1fafd

#b1fafd Preview

Shades and Tints of #b1fafd

Tones of #b1fafd

Color Blindness Simulator