#bbedf3 hex color

In a RGB color space, hex #bbedf3 is composed of 73.3% red, 92.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 2.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.4 degrees, a saturation of 70% and a lightness of 84.3%. #bbedf3 color hex could be obtained by blending #ffffff with #77dbe7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 93
- B 95
RGB color chart
- C 23
- M 2
- Y 0
- K 5
CMYK color chart

● #bbedf3 color description : Very soft cyan.

The hexadecimal color #bbedf3 has RGB values of R:187, G:237, B:243 and CMYK values of C:0.23, M:0.02, Y:0, K:0.05. Its decimal value is 12316147.

Hex triplet	bbedf3	`#bbedf3`
RGB Decimal	187, 237, 243	`rgb(187,237,243)`
RGB Percent	73.3, 92.9, 95.3	`rgb(73.3%,92.9%,95.3%)`
CMYK	23, 2, 0, 5
HSL	186.4°, 70, 84.3	`hsl(186.4,70%,84.3%)`
HSV (or HSB)	186.4°, 23, 95.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.598, -14.593, -8.149
XYZ	66.952, 77.602, 96.24
xyY	0.278, 0.322, 77.602
CIE-LCH	90.598, 16.714, 209.179
CIE-LUV	90.598, -25.46, -10.318
Hunter-Lab	88.092, -18.498, -3.11
Binary	10111011, 11101101, 11110011

#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#f3c1bb
```
#f3c1bb rgb(243,193,187)
```

Complementary Color

#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#bbd1f3
```
#bbd1f3 rgb(187,209,243)
```

Analogous Color

#f3ddbb
```
#f3ddbb rgb(243,221,187)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#f3bbd1
```
#f3bbd1 rgb(243,187,209)
```

Split Complementary Color

#edf3bb
```
#edf3bb rgb(237,243,187)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#f3bbed
```
#f3bbed rgb(243,187,237)
```

Triadic Color

#bbf3c1
```
#bbf3c1 rgb(187,243,193)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#f3bbed
```
#f3bbed rgb(243,187,237)
```
#f3c1bb
```
#f3c1bb rgb(243,193,187)
```

Tetradic Color

#7adce8
```
#7adce8 rgb(122,220,232)
```
#90e2eb
```
#90e2eb rgb(144,226,235)
```
#a5e7ef
```
#a5e7ef rgb(165,231,239)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#d1f3f7
```
#d1f3f7 rgb(209,243,247)
```
#e6f8fb
```
#e6f8fb rgb(230,248,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbf3eb
```
#bbf3eb rgb(187,243,235)
```
#bbf3f0
```
#bbf3f0 rgb(187,243,240)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#bbe8f3
```
#bbe8f3 rgb(187,232,243)
```
#bbe4f3
```
#bbe4f3 rgb(187,228,243)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```

Similar Colors

Text with hexadecimal color #bbedf3

This text has a font color of #bbedf3.

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

#bbedf3 background color

This paragraph has a background color of #bbedf3.

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

#bbedf3 border color

This element has a border color of #bbedf3.

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

CSS codes

.text {color:#bbedf3;}

.background {background-color:#bbedf3;}

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

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

#030e0f
```
#030e0f rgb(3,14,15)
```
#061d20
```
#061d20 rgb(6,29,32)
```
#092c31
```
#092c31 rgb(9,44,49)
```
#0c3c41
```
#0c3c41 rgb(12,60,65)
```
#0e4b52
```
#0e4b52 rgb(14,75,82)
```
#115a63
```
#115a63 rgb(17,90,99)
```
#146973
```
#146973 rgb(20,105,115)
```
#177884
```
#177884 rgb(23,120,132)
```
#1a8895
```
#1a8895 rgb(26,136,149)
```
#1d97a5
```
#1d97a5 rgb(29,151,165)
```
#20a6b6
```
#20a6b6 rgb(32,166,182)
```
#23b5c7
```
#23b5c7 rgb(35,181,199)
```
#26c4d7
```
#26c4d7 rgb(38,196,215)
```

Shade Color Variation

#36cadb
```
#36cadb rgb(54,202,219)
```
#46cede
```
#46cede rgb(70,206,222)
```
#57d3e1
```
#57d3e1 rgb(87,211,225)
```
#68d7e4
```
#68d7e4 rgb(104,215,228)
```
#78dbe7
```
#78dbe7 rgb(120,219,231)
```
#89e0ea
```
#89e0ea rgb(137,224,234)
```
#9ae4ed
```
#9ae4ed rgb(154,228,237)
```
#aae9f0
```
#aae9f0 rgb(170,233,240)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#ccf1f6
```
#ccf1f6 rgb(204,241,246)
```
#dcf6f9
```
#dcf6f9 rgb(220,246,249)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dada
```
#d4dada rgb(212,218,218)
```
#d1dcdd
```
#d1dcdd rgb(209,220,221)
```
#cddee1
```
#cddee1 rgb(205,222,225)
```
#cae1e4
```
#cae1e4 rgb(202,225,228)
```
#c7e3e7
```
#c7e3e7 rgb(199,227,231)
```
#c4e6ea
```
#c4e6ea rgb(196,230,234)
```
#c1e8ed
```
#c1e8ed rgb(193,232,237)
```
#beebf0
```
#beebf0 rgb(190,235,240)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#b8eff6
```
#b8eff6 rgb(184,239,246)
```
#b5f2f9
```
#b5f2f9 rgb(181,242,249)
```
#b2f4fc
```
#b2f4fc rgb(178,244,252)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e2e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4ee Protanopia 1% of men
#f1dff8 Deuteranopia 1% of men
#c1ecfd Tritanopia 0.001% of the population

Trichromacy

#d6e7ef Protanomaly 1% of men, 0.01% of women
#dde4f6 Deuteranomaly 6% of men, 0.4% of women
#beecf9 Tritanomaly 0.01% of the population

#bbedf3 hex color

#bbedf3 Color Information

#bbedf3 Color Conversion

Color Schemes with #bbedf3

Alternatives to #bbedf3

#bbedf3 Preview

Shades and Tints of #bbedf3

Tones of #bbedf3

Color Blindness Simulator