0 views

#bb323c - Color Information

#bb323c

Base Information

HEX

#bb323c

RGB

187,50,60

HSL

356,58,46

HSV

356,73,73

CMYK

0,73,68,27

LAB

43,55,27

LCH

43,61,26

XYZ

22,13,6

Web Safe

#cc3333

Web Smart

#bb3344

is dark

Yes

luminosity

0.1317

Pantone Color

Combinations

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

#bb323c

#32BBB1

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

#bb323c

#32BB6C

#3281BB

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

#bb323c

#3CBB32

#323CBB

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

#bb323c

#81BB32

#32BBB1

#6C32BB

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

#bb323c

#32BBB1

#32BB6C

#3281BB

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

#bb323c

#BB6C32

#BBB132

#81BB32

Shades

#bb323c Light Tints

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

#BB323C

#C24750

#C95B63

#CF7077

#D6848A

#DD999E

#E4ADB1

#EBC2C5

#F1D6D8

#F8EBEC

#bb323c Gray Shades

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

#BB323C

#B53A43

#AF424A

#A94950

#A35157

#9E595E

#986165

#92696C

#8C7072

#867879

#bb323c Dark Shades

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

#BB323C

#A82D36

#962830

#83232A

#701E24

#5E191E

#4B1418

#380F12

#250A0C

#130506

#bb323c Red Shades

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

#BB323C

#C22D36

#C92830

#CF232A

#D61E24

#DD191E

#E41418

#EB0F12

#F10A0C

#F80506

#bb323c Green Shades

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

#BB323C

#A83A36

#964230

#83492A

#705124

#5E591E

#4B6118

#386912

#25700C

#137806

#bb323c Blue Shades

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

#BB323C

#A82D50

#962863

#832377

#701E8A

#5E199E

#4B14B1

#380FC5

#250AD8

#1305EC

Readability Analysis

#bb323c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.78	AA	Sample Text
Black	3.63	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#bb323c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.78	AA	Sample Text
Black	3.63	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#895348`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#945038`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ba353a`
Protanopia	No red perception - Dichromacy	`#6c654f`
Deuteranopia	No green perception - Dichromacy	`#7e6136`
Tritanopia	No blue perception - Dichromacy	`#b93639`
Achromatomaly	Partial color blindness - Monochromacy	`#774549`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#bb323c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bb323c Light Tints

#bb323c Gray Shades

#bb323c Dark Shades

#bb323c Red Shades

#bb323c Green Shades

#bb323c Blue Shades

Readability Analysis

#bb323c as Text Color

#bb323c as Background Color

Color Blindness Simulation

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

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

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

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

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

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