#bbf3d0 hex color

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

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

● #bbf3d0 color description : Very soft cyan - lime green.

The hexadecimal color #bbf3d0 has RGB values of R:187, G:243, B:208 and CMYK values of C:0.23, M:0, Y:0.14, K:0.05. Its decimal value is 12317648.

Hex triplet	bbf3d0	`#bbf3d0`
RGB Decimal	187, 243, 208	`rgb(187,243,208)`
RGB Percent	73.3, 95.3, 81.6	`rgb(73.3%,95.3%,81.6%)`
CMYK	23, 0, 14, 5
HSL	142.5°, 70, 84.3	`hsl(142.5,70%,84.3%)`
HSV (or HSB)	142.5°, 23, 95.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.333, -24.565, 11.143
XYZ	63.926, 79.218, 71.594
xyY	0.298, 0.369, 79.218
CIE-LCH	91.333, 26.974, 155.601
CIE-LUV	91.333, -27.941, 20.982
Hunter-Lab	89.005, -27.553, 14.612
Binary	10111011, 11110011, 11010000

#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#f3bbde
```
#f3bbde rgb(243,187,222)
```

Complementary Color

#c2f3bb
```
#c2f3bb rgb(194,243,187)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#bbf3ec
```
#bbf3ec rgb(187,243,236)
```

Analogous Color

#f3bbc2
```
#f3bbc2 rgb(243,187,194)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#ecbbf3
```
#ecbbf3 rgb(236,187,243)
```

Split Complementary Color

#f3d0bb
```
#f3d0bb rgb(243,208,187)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#d0bbf3
```
#d0bbf3 rgb(208,187,243)
```

Triadic Color

#def3bb
```
#def3bb rgb(222,243,187)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#d0bbf3
```
#d0bbf3 rgb(208,187,243)
```
#f3bbde
```
#f3bbde rgb(243,187,222)
```

Tetradic Color

#7ae8a3
```
#7ae8a3 rgb(122,232,163)
```
#90ebb2
```
#90ebb2 rgb(144,235,178)
```
#a5efc1
```
#a5efc1 rgb(165,239,193)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#d1f7df
```
#d1f7df rgb(209,247,223)
```
#e6fbee
```
#e6fbee rgb(230,251,238)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Monochromatic Color

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

#bbf3c2
```
#bbf3c2 rgb(187,243,194)
```
#bbf3c7
```
#bbf3c7 rgb(187,243,199)
```
#bbf3cb
```
#bbf3cb rgb(187,243,203)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#bbf3d5
```
#bbf3d5 rgb(187,243,213)
```
#bbf3d9
```
#bbf3d9 rgb(187,243,217)
```
#bbf3de
```
#bbf3de rgb(187,243,222)
```

Similar Colors

Text with hexadecimal color #bbf3d0

This text has a font color of #bbf3d0.

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

#bbf3d0 background color

This paragraph has a background color of #bbf3d0.

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

#bbf3d0 border color

This element has a border color of #bbf3d0.

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

CSS codes

.text {color:#bbf3d0;}

.background {background-color:#bbf3d0;}

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

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

#030f07
```
#030f07 rgb(3,15,7)
```
#062010
```
#062010 rgb(6,32,16)
```
#093118
```
#093118 rgb(9,49,24)
```
#0c4120
```
#0c4120 rgb(12,65,32)
```
#0e5228
```
#0e5228 rgb(14,82,40)
```
#116330
```
#116330 rgb(17,99,48)
```
#147338
```
#147338 rgb(20,115,56)
```
#178440
```
#178440 rgb(23,132,64)
```
#1a9548
```
#1a9548 rgb(26,149,72)
```
#1da550
```
#1da550 rgb(29,165,80)
```
#20b658
```
#20b658 rgb(32,182,88)
```
#23c760
```
#23c760 rgb(35,199,96)
```
#26d769
```
#26d769 rgb(38,215,105)
```

Shade Color Variation

#36db74
```
#36db74 rgb(54,219,116)
```
#46de7f
```
#46de7f rgb(70,222,127)
```
#57e18b
```
#57e18b rgb(87,225,139)
```
#68e496
```
#68e496 rgb(104,228,150)
```
#78e7a2
```
#78e7a2 rgb(120,231,162)
```
#89eaad
```
#89eaad rgb(137,234,173)
```
#9aedb9
```
#9aedb9 rgb(154,237,185)
```
#aaf0c4
```
#aaf0c4 rgb(170,240,196)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#ccf6dc
```
#ccf6dc rgb(204,246,220)
```
#dcf9e7
```
#dcf9e7 rgb(220,249,231)
```
#edfcf3
```
#edfcf3 rgb(237,252,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dad6
```
#d4dad6 rgb(212,218,214)
```
#d1ddd5
```
#d1ddd5 rgb(209,221,213)
```
#cde1d5
```
#cde1d5 rgb(205,225,213)
```
#cae4d4
```
#cae4d4 rgb(202,228,212)
```
#c7e7d3
```
#c7e7d3 rgb(199,231,211)
```
#c4ead2
```
#c4ead2 rgb(196,234,210)
```
#c1edd2
```
#c1edd2 rgb(193,237,210)
```
#bef0d1
```
#bef0d1 rgb(190,240,209)
```
#bbf3d0
```
#bbf3d0 rgb(187,243,208)
```
#b8f6cf
```
#b8f6cf rgb(184,246,207)
```
#b5f9ce
```
#b5f9ce rgb(181,249,206)
```
#b2fcce
```
#b2fcce rgb(178,252,206)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e2db Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e6cc Protanopia 1% of men
#ffe0da Deuteranopia 1% of men
#c8edfe Tritanopia 0.001% of the population

Trichromacy

#ddebcd Protanomaly 1% of men, 0.01% of women
#e6e7d6 Deuteranomaly 6% of men, 0.4% of women
#c3efed Tritanomaly 0.01% of the population

#bbf3d0 hex color

#bbf3d0 Color Information

#bbf3d0 Color Conversion

Color Schemes with #bbf3d0

Alternatives to #bbf3d0

#bbf3d0 Preview

Shades and Tints of #bbf3d0

Tones of #bbf3d0

Color Blindness Simulator