0 views

#b22f5d - Color Information

#b22f5d

Base Information

HEX

#b22f5d

RGB

178,47,93

HSL

339,58,44

HSV

339,74,70

CMYK

0,74,48,30

LAB

42,55,5

LCH

42,56,5

XYZ

21,12,12

Web Safe

#993366

Web Smart

#aa3355

is dark

Yes

luminosity

0.1229

Pantone Color

Combinations

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

#b22f5d

#2FB284

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

#b22f5d

#2FB243

#2F9EB2

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

#b22f5d

#5DB22F

#2F5DB2

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

#b22f5d

#9EB22F

#2FB284

#432FB2

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

#b22f5d

#2FB284

#2FB243

#2F9EB2

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

#b22f5d

#B2432F

#B2842F

#9EB22F

Shades

#b22f5d Light Tints

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

#B22F5D

#BA446D

#C1597D

#C96D8E

#D1829E

#D997AE

#E0ACBE

#E8C1CE

#F0D5DF

#F7EAEF

#b22f5d Gray Shades

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

#B22F5D

#AD3761

#A83F64

#A34768

#9E4F6B

#99586F

#946072

#8F6876

#8A7079

#85787D

#b22f5d Dark Shades

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

#B22F5D

#A02A54

#8E264A

#7D2141

#6B1C38

#59182F

#471325

#350E1C

#240913

#120509

#b22f5d Red Shades

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

#B22F5D

#BA2A54

#C1264A

#C92141

#D11C38

#D9182F

#E01325

#E80E1C

#F00913

#F70509

#b22f5d Green Shades

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

#B22F5D

#A03754

#8E3F4A

#7D4741

#6B4F38

#59582F

#476025

#35681C

#247013

#127809

#b22f5d Blue Shades

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

#B22F5D

#A02A6D

#8E267D

#7D218E

#6B1C9E

#5918AE

#4713BE

#350ECE

#2409DF

#1205EF

Readability Analysis

#b22f5d as Text Color

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

#b22f5d as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7d4f6c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#894d58`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b03649`
Protanopia	No red perception - Dichromacy	`#5e6175`
Deuteranopia	No green perception - Dichromacy	`#715f54`
Tritanopia	No blue perception - Dichromacy	`#ae3a3d`
Achromatomaly	Partial color blindness - Monochromacy	`#724354`
Achromatopsia	Complete color blindness - Monochromacy	`#4e4e4e`

#b22f5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b22f5d Light Tints

#b22f5d Gray Shades

#b22f5d Dark Shades

#b22f5d Red Shades

#b22f5d Green Shades

#b22f5d Blue Shades

Readability Analysis

#b22f5d as Text Color

#b22f5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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