#b3d4f5 hex color

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

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

● #b3d4f5 color description : Very soft blue.

The hexadecimal color #b3d4f5 has RGB values of R:179, G:212, B:245 and CMYK values of C:0.27, M:0.13, Y:0, K:0.04. Its decimal value is 11785461.

Hex triplet	b3d4f5	`#b3d4f5`
RGB Decimal	179, 212, 245	`rgb(179,212,245)`
RGB Percent	70.2, 83.1, 96.1	`rgb(70.2%,83.1%,96.1%)`
CMYK	27, 13, 0, 4
HSL	210°, 76.7, 83.1	`hsl(210,76.7%,83.1%)`
HSV (or HSB)	210°, 26.9, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.58, -3.64, -19.758
XYZ	58.612, 63.262, 95.504
xyY	0.27, 0.291, 63.262
CIE-LCH	83.58, 20.091, 259.563
CIE-LUV	83.58, -18.109, -30.81
Hunter-Lab	79.537, -7.652, -15.516
Binary	10110011, 11010100, 11110101

#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#f5d4b3
```
#f5d4b3 rgb(245,212,179)
```

Complementary Color

#b3f5f5
```
#b3f5f5 rgb(179,245,245)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#b3b3f5
```
#b3b3f5 rgb(179,179,245)
```

Analogous Color

#f5f5b3
```
#f5f5b3 rgb(245,245,179)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#f5b3b3
```
#f5b3b3 rgb(245,179,179)
```

Split Complementary Color

#d4f5b3
```
#d4f5b3 rgb(212,245,179)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#f5b3d4
```
#f5b3d4 rgb(245,179,212)
```

Triadic Color

#b3f5d4
```
#b3f5d4 rgb(179,245,212)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#f5b3d4
```
#f5b3d4 rgb(245,179,212)
```
#f5d4b3
```
#f5d4b3 rgb(245,212,179)
```

Tetradic Color

#6faeec
```
#6faeec rgb(111,174,236)
```
#86bbef
```
#86bbef rgb(134,187,239)
```
#9cc7f2
```
#9cc7f2 rgb(156,199,242)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#cae1f8
```
#cae1f8 rgb(202,225,248)
```
#e0eefb
```
#e0eefb rgb(224,238,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Monochromatic Color

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

#b3e5f5
```
#b3e5f5 rgb(179,229,245)
```
#b3dff5
```
#b3dff5 rgb(179,223,245)
```
#b3daf5
```
#b3daf5 rgb(179,218,245)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#b3cff5
```
#b3cff5 rgb(179,207,245)
```
#b3c9f5
```
#b3c9f5 rgb(179,201,245)
```
#b3c4f5
```
#b3c4f5 rgb(179,196,245)
```

Similar Colors

Text with hexadecimal color #b3d4f5

This text has a font color of #b3d4f5.

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

#b3d4f5 background color

This paragraph has a background color of #b3d4f5.

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

#b3d4f5 border color

This element has a border color of #b3d4f5.

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

CSS codes

.text {color:#b3d4f5;}

.background {background-color:#b3d4f5;}

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

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

#01060b
```
#01060b rgb(1,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#061a2d
```
#061a2d rgb(6,26,45)
```
#08233f
```
#08233f rgb(8,35,63)
```
#0b2d50
```
#0b2d50 rgb(11,45,80)
```
#0d3761
```
#0d3761 rgb(13,55,97)
```
#0f4173
```
#0f4173 rgb(15,65,115)
```
#114b84
```
#114b84 rgb(17,75,132)
```
#145595
```
#145595 rgb(20,85,149)
```
#165ea7
```
#165ea7 rgb(22,94,167)
```
#1868b8
```
#1868b8 rgb(24,104,184)
```
#1a72c9
```
#1a72c9 rgb(26,114,201)
```
#1d7cdb
```
#1d7cdb rgb(29,124,219)
```

Shade Color Variation

#2886e3
```
#2886e3 rgb(40,134,227)
```
#3a8fe5
```
#3a8fe5 rgb(58,143,229)
```
#4b99e7
```
#4b99e7 rgb(75,153,231)
```
#5ca3ea
```
#5ca3ea rgb(92,163,234)
```
#6eadec
```
#6eadec rgb(110,173,236)
```
#7fb7ee
```
#7fb7ee rgb(127,183,238)
```
#90c0f0
```
#90c0f0 rgb(144,192,240)
```
#a2caf3
```
#a2caf3 rgb(162,202,243)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#c4def7
```
#c4def7 rgb(196,222,247)
```
#d6e8fa
```
#d6e8fa rgb(214,232,250)
```
#e7f1fc
```
#e7f1fc rgb(231,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#d1d4d7
```
#d1d4d7 rgb(209,212,215)
```
#cdd4db
```
#cdd4db rgb(205,212,219)
```
#cad4de
```
#cad4de rgb(202,212,222)
```
#c7d4e1
```
#c7d4e1 rgb(199,212,225)
```
#c4d4e4
```
#c4d4e4 rgb(196,212,228)
```
#c0d4e8
```
#c0d4e8 rgb(192,212,232)
```
#bdd4eb
```
#bdd4eb rgb(189,212,235)
```
#bad4ee
```
#bad4ee rgb(186,212,238)
```
#b6d4f2
```
#b6d4f2 rgb(182,212,242)
```
#b3d4f5
```
#b3d4f5 rgb(179,212,245)
```
#b0d4f8
```
#b0d4f8 rgb(176,212,248)
```
#acd4fc
```
#acd4fc rgb(172,212,252)
```
#a9d4ff
```
#a9d4ff rgb(169,212,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9cfd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd1f2 Protanopia 1% of men
#d2cef8 Deuteranopia 1% of men
#b3d8e8 Tritanopia 0.001% of the population

Trichromacy

#c2d2f3 Protanomaly 1% of men, 0.01% of women
#c7d0f7 Deuteranomaly 6% of men, 0.4% of women
#b3d6ec Tritanomaly 0.01% of the population

#b3d4f5 hex color

#b3d4f5 Color Information

#b3d4f5 Color Conversion

Color Schemes with #b3d4f5

Alternatives to #b3d4f5

#b3d4f5 Preview

Shades and Tints of #b3d4f5

Tones of #b3d4f5

Color Blindness Simulator