Start generating
BBBCD3

#BBBCD3 closest to Violet Vision

#BBBCD3 is a light gray; the closest named color is Violet Vision. In the RGB color model it is made of 73.3% red, 73.7% green and 82.7% blue (rgb(187, 188, 211)). Its HSL value is 237° hue, 21% saturation and 78% lightness, and in CMYK it is 11% cyan, 11% magenta, 0% yellow and 17% black. #BBBCD3 is a neutral color. Black text reads best on it, with a contrast ratio of 11.25:1.

Make a palette with #BBBCD3

#BBBCD3 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #BBBCD3

Shades

Mixed with black: richer and darker.

BBBCD3A2A3B78A8B9C7373825C5D6946475132323A1F1F240D0D10020202

Tints

Mixed with white: lighter and softer.

BBBCD3C2C3D7C8C9DCCFD0E0D6D6E5DCDDE9E3E4EDEAEBF2F1F1F6F8F8FB

Tones

Mixed with gray: calmer and more muted.

BBBCD3B5B6CAAFB0C2A9AAB9A3A4B19D9EA99798A09192988B8C90868688

Hues

The same lightness and chroma, rotated around the color wheel.

ABC2D0ADC1D2B0C0D3B4BFD4B7BDD4BBBCD3BFBBD2C2BAD0C6B9CDC9B8CACCB7C7

Temperatures

Cooler on the left, warmer on the right.

9EB0DEA4B2DCAAB5DAAFB7D8B5BAD5BBBCD3BEBACDC2B9C7C5B7C1C8B6BBCCB4B5

#BBBCD3 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

BBBCD3D3D2BB
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

BBBCD3D3C6BBC8D3BB
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

BBBCD3BBC8D3C6BBD3
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

BBBCD3D3BBBCBCD3BB
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

BBBCD3D2BBD3D3D2BBBCD3BB
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

BBBCD3D3BBC8D3D2BBBBD3C6
Open in generator →

#BBBCD3 for color-blind viewers (and dogs)

How #BBBCD3 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 99% similarHow dogs see it · simulated as #B6BDD2
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #B7BED4
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #B8BED4
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #B6BDD2
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #B8BDD3
  • Tritanopia 94% similar0.001% of men, 0.03% of women · simulated as #B6C0C3
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #B9BECC
  • Achromatopsia 94% similar0.003% of men, 0.003% of women · simulated as #BEBEBE
  • Achromatomaly 95% similar0.001% of men, 0.001% of women · simulated as #BDBDC3

#BBBCD3 contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.87:1 Very poor#BBBCD3 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
11.25:1 Very good#BBBCD3 text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #BBBCD3

Palettes with #BBBCD3

#BBBCD3 in CSS

/* Violet Vision */
.color { color: #BBBCD3; }
.background { background-color: #BBBCD3; }
.border { border: 1px solid #BBBCD3; }

/* Other notations */
color: rgb(187 188 211);
color: hsl(237 21% 78%);
color: oklch(0.802 0.032 283.7);

#BBBCD3 FAQ

What color is #BBBCD3?

#BBBCD3 is a light gray. Its closest named color is Violet Vision. It belongs to the gray color family and is a neutral color.

What is the RGB value of #BBBCD3?

#BBBCD3 is rgb(187, 188, 211) in RGB, hsl(237, 21%, 78%) in HSL and cmyk(11%, 11%, 0%, 17%) in CMYK.

What is the complementary color of #BBBCD3?

The complementary color of #BBBCD3 is #D3D2BB, which sits opposite it on the color wheel.

Which text color works on #BBBCD3?

Black text has the best contrast on #BBBCD3: 11.25:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #BBBCD3 a warm or cool color?

#BBBCD3 is a neutral color.