0 views

#b22f5f - Color Information

#b22f5f

Base Information

HEX

#b22f5f

RGB

178,47,95

HSL

338,58,44

HSV

338,74,70

CMYK

0,74,47,30

LAB

42,56,3

LCH

42,56,4

XYZ

21,12,12

Web Safe

#993366

Web Smart

#aa3366

is dark

Yes

luminosity

0.1232

Pantone Color

Combinations

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

#b22f5f

#2FB282

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

#b22f5f

#2FB240

#2FA1B2

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

#b22f5f

#5FB22F

#2F5FB2

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

#b22f5f

#A1B22F

#2FB282

#402FB2

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

#b22f5f

#2FB282

#2FB240

#2FA1B2

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

#b22f5f

#B2402F

#B2822F

#A1B22F

Shades

#b22f5f Light Tints

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

#B22F5F

#BA446F

#C1597F

#C96D8F

#D1829F

#D997AF

#E0ACBF

#E8C1CF

#F0D5DF

#F7EAEF

#b22f5f Gray Shades

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

#B22F5F

#AD3762

#A83F66

#A34769

#9E4F6C

#995870

#946073

#8F6876

#8A7079

#85787D

#b22f5f Dark Shades

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

#B22F5F

#A02A56

#8E264C

#7D2143

#6B1C39

#591830

#471326

#350E1C

#240913

#120509

#b22f5f Red Shades

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

#B22F5F

#BA2A56

#C1264C

#C92143

#D11C39

#D91830

#E01326

#E80E1C

#F00913

#F70509

#b22f5f Green Shades

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

#B22F5F

#A03756

#8E3F4C

#7D4743

#6B4F39

#595830

#476026

#35681C

#247013

#127809

#b22f5f Blue Shades

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

#B22F5F

#A02A6F

#8E267F

#7D218F

#6B1C9F

#5918AF

#4713BF

#350ECF

#2409DF

#1205EF

Readability Analysis

#b22f5f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.46	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

#b22f5f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.46	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7c4f6f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#894d59`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b0364a`
Protanopia	No red perception - Dichromacy	`#5d6277`
Deuteranopia	No green perception - Dichromacy	`#715f56`
Tritanopia	No blue perception - Dichromacy	`#ae3a3e`
Achromatomaly	Partial color blindness - Monochromacy	`#734354`
Achromatopsia	Complete color blindness - Monochromacy	`#4e4e4e`

#b22f5f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b22f5f Light Tints

#b22f5f Gray Shades

#b22f5f Dark Shades

#b22f5f Red Shades

#b22f5f Green Shades

#b22f5f Blue Shades

Readability Analysis

#b22f5f as Text Color

#b22f5f as Background Color

Color Blindness Simulation

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

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

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

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

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

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