#b3c7f5 hex color

In a RGB color space, hex #b3c7f5 is composed of 70.2% red, 78% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 18.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 221.8 degrees, a saturation of 76.7% and a lightness of 83.1%. #b3c7f5 color hex could be obtained by blending #ffffff with #678feb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 70
- G 78
- B 96
RGB color chart
- C 27
- M 19
- Y 0
- K 4
CMYK color chart

● #b3c7f5 color description : Very soft blue.

The hexadecimal color #b3c7f5 has RGB values of R:179, G:199, B:245 and CMYK values of C:0.27, M:0.19, Y:0, K:0.04. Its decimal value is 11782133.

Hex triplet	b3c7f5	`#b3c7f5`
RGB Decimal	179, 199, 245	`rgb(179,199,245)`
RGB Percent	70.2, 78, 96.1	`rgb(70.2%,78%,96.1%)`
CMYK	27, 19, 0, 4
HSL	221.8°, 76.7, 83.1	`hsl(221.8,76.7%,83.1%)`
HSV (or HSB)	221.8°, 26.9, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.192, 3.274, -24.902
XYZ	55.492, 57.022, 94.464
xyY	0.268, 0.275, 57.022
CIE-LCH	80.192, 25.116, 277.491
CIE-LUV	80.192, -12.479, -40.239
Hunter-Lab	75.513, -0.974, -21.311
Binary	10110011, 11000111, 11110101

#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#f5e1b3
```
#f5e1b3 rgb(245,225,179)
```

Complementary Color

#b3e8f5
```
#b3e8f5 rgb(179,232,245)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#c0b3f5
```
#c0b3f5 rgb(192,179,245)
```

Analogous Color

#e8f5b3
```
#e8f5b3 rgb(232,245,179)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#f5c0b3
```
#f5c0b3 rgb(245,192,179)
```

Split Complementary Color

#c7f5b3
```
#c7f5b3 rgb(199,245,179)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#f5b3c7
```
#f5b3c7 rgb(245,179,199)
```

Triadic Color

#b3f5e1
```
#b3f5e1 rgb(179,245,225)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#f5b3c7
```
#f5b3c7 rgb(245,179,199)
```
#f5e1b3
```
#f5e1b3 rgb(245,225,179)
```

Tetradic Color

#6f95ec
```
#6f95ec rgb(111,149,236)
```
#86a6ef
```
#86a6ef rgb(134,166,239)
```
#9cb6f2
```
#9cb6f2 rgb(156,182,242)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#cad8f8
```
#cad8f8 rgb(202,216,248)
```
#e0e8fb
```
#e0e8fb rgb(224,232,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Monochromatic Color

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

#b3d8f5
```
#b3d8f5 rgb(179,216,245)
```
#b3d2f5
```
#b3d2f5 rgb(179,210,245)
```
#b3cdf5
```
#b3cdf5 rgb(179,205,245)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#b3c2f5
```
#b3c2f5 rgb(179,194,245)
```
#b3bcf5
```
#b3bcf5 rgb(179,188,245)
```
#b3b7f5
```
#b3b7f5 rgb(179,183,245)
```

Similar Colors

Text with hexadecimal color #b3c7f5

This text has a font color of #b3c7f5.

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

#b3c7f5 background color

This paragraph has a background color of #b3c7f5.

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

#b3c7f5 border color

This element has a border color of #b3c7f5.

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

CSS codes

.text {color:#b3c7f5;}

.background {background-color:#b3c7f5;}

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

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, #01040b is the darkest color, while #f8fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#040b1c
```
#040b1c rgb(4,11,28)
```
#06122d
```
#06122d rgb(6,18,45)
```
#08193f
```
#08193f rgb(8,25,63)
```
#0b2050
```
#0b2050 rgb(11,32,80)
```
#0d2661
```
#0d2661 rgb(13,38,97)
```
#0f2d73
```
#0f2d73 rgb(15,45,115)
```
#113484
```
#113484 rgb(17,52,132)
```
#143b95
```
#143b95 rgb(20,59,149)
```
#1642a7
```
#1642a7 rgb(22,66,167)
```
#1849b8
```
#1849b8 rgb(24,73,184)
```
#1a4fc9
```
#1a4fc9 rgb(26,79,201)
```
#1d56db
```
#1d56db rgb(29,86,219)
```

Shade Color Variation

#2861e3
```
#2861e3 rgb(40,97,227)
```
#3a6ee5
```
#3a6ee5 rgb(58,110,229)
```
#4b7ae7
```
#4b7ae7 rgb(75,122,231)
```
#5c87ea
```
#5c87ea rgb(92,135,234)
```
#6e94ec
```
#6e94ec rgb(110,148,236)
```
#7fa1ee
```
#7fa1ee rgb(127,161,238)
```
#90adf0
```
#90adf0 rgb(144,173,240)
```
#a2baf3
```
#a2baf3 rgb(162,186,243)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#c4d4f7
```
#c4d4f7 rgb(196,212,247)
```
#d6e1fa
```
#d6e1fa rgb(214,225,250)
```
#e7edfc
```
#e7edfc rgb(231,237,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#d1d3d7
```
#d1d3d7 rgb(209,211,215)
```
#cdd1db
```
#cdd1db rgb(205,209,219)
```
#cad0de
```
#cad0de rgb(202,208,222)
```
#c7cfe1
```
#c7cfe1 rgb(199,207,225)
```
#c4cee4
```
#c4cee4 rgb(196,206,228)
```
#c0cce8
```
#c0cce8 rgb(192,204,232)
```
#bdcbeb
```
#bdcbeb rgb(189,203,235)
```
#bacaee
```
#bacaee rgb(186,202,238)
```
#b6c8f2
```
#b6c8f2 rgb(182,200,242)
```
#b3c7f5
```
#b3c7f5 rgb(179,199,245)
```
#b0c6f8
```
#b0c6f8 rgb(176,198,248)
```
#acc4fc
```
#acc4fc rgb(172,196,252)
```
#a9c3ff
```
#a9c3ff rgb(169,195,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c2c6cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec7f4 Protanopia 1% of men
#c4c6f6 Deuteranopia 1% of men
#b0cedd Tritanopia 0.001% of the population

Trichromacy

#bac7f4 Protanomaly 1% of men, 0.01% of women
#bdc6f6 Deuteranomaly 6% of men, 0.4% of women
#b1cbe5 Tritanomaly 0.01% of the population

#b3c7f5 hex color

#b3c7f5 Color Information

#b3c7f5 Color Conversion

Color Schemes with #b3c7f5

Alternatives to #b3c7f5

#b3c7f5 Preview

Shades and Tints of #b3c7f5

Tones of #b3c7f5

Color Blindness Simulator