0 views

#bbcbcc - Color Information

#bbcbcc

Base Information

HEX

#bbcbcc

RGB

187,203,204

HSL

184,14,77

HSV

184,8,80

CMYK

8,0,0,20

LAB

81,-5,-2

LCH

81,6,204

XYZ

53,58,65

Web Safe

#cccccc

Web Smart

#bbcccc

is dark

luminosity

0.5764

Pantone Color

Combinations

#bbcbcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#bbcbcc

#CCBCBB

#bbcbcc splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#bbcbcc

#CCBBC2

#CCC5BB

#bbcbcc triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#bbcbcc

#CCBBCB

#CBCCBB

#bbcbcc tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#bbcbcc

#C4BBCC

#CCBCBB

#C2CCBB

#bbcbcc analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#bbcbcc

#CCBCBB

#CCBBC2

#CCC5BB

#bbcbcc analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#bbcbcc

#BBC2CC

#BCBBCC

#C4BBCC

Shades

#bbcbcc Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#BBCBCC

#C2D0D1

#C9D5D6

#CFDBDB

#D6E0E0

#DDE5E6

#E4EAEB

#EBEFF0

#F1F5F5

#F8FAFA

#bbcbcc Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#BBCBCC

#B5C4C4

#AFBCBD

#A9B5B5

#A3ADAE

#9EA6A6

#989E9E

#929797

#8C8F8F

#868888

#bbcbcc Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#BBCBCC

#A8B7B8

#96A2A3

#838E8F

#707A7A

#5E6666

#4B5152

#383D3D

#252929

#131414

#bbcbcc Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#BBCBCC

#C2B7B8

#C9A2A3

#CF8E8F

#D67A7A

#DD6666

#E45152

#EB3D3D

#F12929

#F81414

#bbcbcc Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#BBCBCC

#A8C4B8

#96BCA3

#83B58F

#70AD7A

#5EA666

#4B9E52

#38973D

#258F29

#138814

#bbcbcc Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#BBCBCC

#A8B7D1

#96A2D6

#838EDB

#707AE0

#5E66E6

#4B51EB

#383DF0

#2529F5

#1314FA

Readability Analysis

#bbcbcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.13	AA	Sample Text

#bbcbcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c4c7ca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cdc4cd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bcc9d3`
Protanopia	No red perception - Dichromacy	`#c9c5c8`
Deuteranopia	No green perception - Dichromacy	`#d7c0ce`
Tritanopia	No blue perception - Dichromacy	`#bcc8d7`
Achromatomaly	Partial color blindness - Monochromacy	`#c3c9c9`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#bbcbcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#bbcbcc complementaryColors that are opposite to each other, forming a contrasting pair.

#bbcbcc splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#bbcbcc triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#bbcbcc tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#bbcbcc analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#bbcbcc analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#bbcbcc Light Tints

#bbcbcc Gray Shades

#bbcbcc Dark Shades

#bbcbcc Red Shades

#bbcbcc Green Shades

#bbcbcc Blue Shades

Readability Analysis

#bbcbcc as Text Color

#bbcbcc as Background Color

Color Blindness Simulation

#bbcbcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#bbcbcc splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#bbcbcc triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#bbcbcc tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#bbcbcc analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#bbcbcc analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.