0 views

#b22f99 - Color Information

#b22f99

Base Information

HEX

#b22f99

RGB

178,47,153

HSL

311,58,44

HSV

311,74,70

CMYK

0,74,14,30

LAB

44,63,-29

LCH

44,69,335

XYZ

25,14,31

Web Safe

#993399

Web Smart

#aa3399

is dark

Yes

luminosity

0.1380

Pantone Color

Combinations

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

#b22f99

#2FB248

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

#b22f99

#58B22F

#2FB289

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

#b22f99

#99B22F

#2F99B2

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

#b22f99

#B2892F

#2FB248

#2F58B2

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

#b22f99

#2FB248

#58B22F

#2FB289

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

#b22f99

#B22F58

#B2482F

#B2892F

Shades

#b22f99 Light Tints

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

#B22F99

#BA44A3

#C159AD

#C96DB8

#D182C2

#D997CC

#E0ACD6

#E8C1E0

#F0D5EB

#F7EAF5

#b22f99 Gray Shades

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

#B22F99

#AD3797

#A83F94

#A34792

#9E4F8F

#99588D

#94608A

#8F6888

#8A7085

#857883

#b22f99 Dark Shades

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

#B22F99

#A02A8A

#8E267A

#7D216B

#6B1C5C

#59184D

#47133D

#350E2E

#24091F

#12050F

#b22f99 Red Shades

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

#B22F99

#BA2A8A

#C1267A

#C9216B

#D11C5C

#D9184D

#E0133D

#E80E2E

#F0091F

#F7050F

#b22f99 Green Shades

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

#B22F99

#A0378A

#8E3F7A

#7D476B

#6B4F5C

#59584D

#47603D

#35682E

#24701F

#12780F

#b22f99 Blue Shades

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

#B22F99

#A02AA3

#8E26AD

#7D21B8

#6B1CC2

#5918CC

#4713D6

#350EE0

#2409EB

#1205F5

Readability Analysis

#b22f99 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.59	AA	Sample Text
Black	3.76	A	Sample Text
Red	1.40	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#b22f99 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.59	AA	Sample Text
Black	3.76	A	Sample Text
Red	1.40	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6451b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#7c5290`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ac406a`
Protanopia	No red perception - Dichromacy	`#3865bd`
Deuteranopia	No green perception - Dichromacy	`#5e668b`
Tritanopia	No blue perception - Dichromacy	`#a94a4f`
Achromatomaly	Partial color blindness - Monochromacy	`#75466c`
Achromatopsia	Complete color blindness - Monochromacy	`#535353`

#b22f99 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b22f99 Light Tints

#b22f99 Gray Shades

#b22f99 Dark Shades

#b22f99 Red Shades

#b22f99 Green Shades

#b22f99 Blue Shades

Readability Analysis

#b22f99 as Text Color

#b22f99 as Background Color

Color Blindness Simulation

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

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

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

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

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

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