#b3c2f3 hex color

In a RGB color space, hex #b3c2f3 is composed of 70.2% red, 76.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 20.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 225.9 degrees, a saturation of 72.7% and a lightness of 82.7%. #b3c2f3 color hex could be obtained by blending #ffffff with #6785e7. Closest websafe color is: #ccccff.

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

● #b3c2f3 color description : Very soft blue.

The hexadecimal color #b3c2f3 has RGB values of R:179, G:194, B:243 and CMYK values of C:0.26, M:0.2, Y:0, K:0.05. Its decimal value is 11780851.

Hex triplet	b3c2f3	`#b3c2f3`
RGB Decimal	179, 194, 243	`rgb(179,194,243)`
RGB Percent	70.2, 76.1, 95.3	`rgb(70.2%,76.1%,95.3%)`
CMYK	26, 20, 0, 5
HSL	225.9°, 72.7, 82.7	`hsl(225.9,72.7%,82.7%)`
HSV (or HSB)	225.9°, 26.3, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.832, 5.502, -25.907
XYZ	54.057, 54.637, 92.487
xyY	0.269, 0.272, 54.637
CIE-LCH	78.832, 26.485, 281.99
CIE-LUV	78.832, -10.241, -42.161
Hunter-Lab	73.917, 1.185, -22.443
Binary	10110011, 11000010, 11110011

#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#f3e4b3
```
#f3e4b3 rgb(243,228,179)
```

Complementary Color

#b3e2f3
```
#b3e2f3 rgb(179,226,243)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#c4b3f3
```
#c4b3f3 rgb(196,179,243)
```

Analogous Color

#e2f3b3
```
#e2f3b3 rgb(226,243,179)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#f3c4b3
```
#f3c4b3 rgb(243,196,179)
```

Split Complementary Color

#c2f3b3
```
#c2f3b3 rgb(194,243,179)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#f3b3c2
```
#f3b3c2 rgb(243,179,194)
```

Triadic Color

#b3f3e4
```
#b3f3e4 rgb(179,243,228)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#f3b3c2
```
#f3b3c2 rgb(243,179,194)
```
#f3e4b3
```
#f3e4b3 rgb(243,228,179)
```

Tetradic Color

#718de9
```
#718de9 rgb(113,141,233)
```
#879fec
```
#879fec rgb(135,159,236)
```
#9db0f0
```
#9db0f0 rgb(157,176,240)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#c9d4f6
```
#c9d4f6 rgb(201,212,246)
```
#dfe5fa
```
#dfe5fa rgb(223,229,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Monochromatic Color

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

#b3d2f3
```
#b3d2f3 rgb(179,210,243)
```
#b3cdf3
```
#b3cdf3 rgb(179,205,243)
```
#b3c7f3
```
#b3c7f3 rgb(179,199,243)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#b3bdf3
```
#b3bdf3 rgb(179,189,243)
```
#b3b7f3
```
#b3b7f3 rgb(179,183,243)
```
#b4b3f3
```
#b4b3f3 rgb(180,179,243)
```

Similar Colors

Text with hexadecimal color #b3c2f3

This text has a font color of #b3c2f3.

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

#b3c2f3 background color

This paragraph has a background color of #b3c2f3.

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

#b3c2f3 border color

This element has a border color of #b3c2f3.

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

CSS codes

.text {color:#b3c2f3;}

.background {background-color:#b3c2f3;}

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04091a
```
#04091a rgb(4,9,26)
```
#070f2b
```
#070f2b rgb(7,15,43)
```
#09153c
```
#09153c rgb(9,21,60)
```
#0c1b4c
```
#0c1b4c rgb(12,27,76)
```
#0f215d
```
#0f215d rgb(15,33,93)
```
#11276e
```
#11276e rgb(17,39,110)
```
#142d7f
```
#142d7f rgb(20,45,127)
```
#173390
```
#173390 rgb(23,51,144)
```
#1939a1
```
#1939a1 rgb(25,57,161)
```
#1c3fb2
```
#1c3fb2 rgb(28,63,178)
```
#1f45c3
```
#1f45c3 rgb(31,69,195)
```
#214bd4
```
#214bd4 rgb(33,75,212)
```

Shade Color Variation

#2b55de
```
#2b55de rgb(43,85,222)
```
#3c63e0
```
#3c63e0 rgb(60,99,224)
```
#4d70e3
```
#4d70e3 rgb(77,112,227)
```
#5e7ee6
```
#5e7ee6 rgb(94,126,230)
```
#6f8ce8
```
#6f8ce8 rgb(111,140,232)
```
#8099eb
```
#8099eb rgb(128,153,235)
```
#91a7ee
```
#91a7ee rgb(145,167,238)
```
#a2b4f0
```
#a2b4f0 rgb(162,180,240)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#c4d0f6
```
#c4d0f6 rgb(196,208,246)
```
#d5ddf8
```
#d5ddf8 rgb(213,221,248)
```
#e6ebfb
```
#e6ebfb rgb(230,235,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#d1d2d5
```
#d1d2d5 rgb(209,210,213)
```
#ced0d8
```
#ced0d8 rgb(206,208,216)
```
#cbcfdb
```
#cbcfdb rgb(203,207,219)
```
#c7cddf
```
#c7cddf rgb(199,205,223)
```
#c4cbe2
```
#c4cbe2 rgb(196,203,226)
```
#c1c9e5
```
#c1c9e5 rgb(193,201,229)
```
#bdc7e9
```
#bdc7e9 rgb(189,199,233)
```
#bac6ec
```
#bac6ec rgb(186,198,236)
```
#b6c4f0
```
#b6c4f0 rgb(182,196,240)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#b0c0f6
```
#b0c0f6 rgb(176,192,246)
```
#acbefa
```
#acbefa rgb(172,190,250)
```
#a9bdfd
```
#a9bdfd rgb(169,189,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c0c3cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac4f3 Protanopia 1% of men
#bfc2f4 Deuteranopia 1% of men
#b0cad8 Tritanopia 0.001% of the population

Trichromacy

#b7c3f3 Protanomaly 1% of men, 0.01% of women
#bac2f3 Deuteranomaly 6% of men, 0.4% of women
#b1c7e2 Tritanomaly 0.01% of the population

#b3c2f3 hex color

#b3c2f3 Color Information

#b3c2f3 Color Conversion

Color Schemes with #b3c2f3

Alternatives to #b3c2f3

#b3c2f3 Preview

Shades and Tints of #b3c2f3

Tones of #b3c2f3

Color Blindness Simulator