0 views

#2a2f5e - Color Information

#2a2f5e

Base Information

HEX

#2a2f5e

RGB

42,47,94

HSL

234,38,27

HSV

234,55,37

CMYK

55,50,0,63

LAB

21,13,-29

LCH

21,32,294

XYZ

4,3,11

Web Safe

#333366

Web Smart

#223366

is dark

Yes

luminosity

0.0333

Pantone Color

Combinations

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

#2a2f5e

#5E592A

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

#2a2f5e

#5E3F2A

#495E2A

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

#2a2f5e

#5E2A2F

#2F5E2A

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

#2a2f5e

#5E2A49

#5E592A

#2A5E3F

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

#2a2f5e

#5E592A

#5E3F2A

#495E2A

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

#2a2f5e

#3F2A5E

#592A5E

#5E2A49

Shades

#2a2f5e Light Tints

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

#2A2F5E

#3F446E

#55597E

#6A6D8E

#7F829E

#9597AF

#AAACBF

#BFC1CF

#D4D5DF

#EAEAEF

#2a2f5e Gray Shades

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

#2A2F5E

#333761

#3B3F65

#444768

#4C4F6C

#55586F

#5E6072

#666876

#6F7079

#77787D

#2a2f5e Dark Shades

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

#2A2F5E

#262A55

#22264B

#1D2142

#191C38

#15182F

#111326

#0D0E1C

#080913

#040509

#2a2f5e Red Shades

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

#2A2F5E

#3F2A55

#55264B

#6A2142

#7F1C38

#95182F

#AA1326

#BF0E1C

#D40913

#EA0509

#2a2f5e Green Shades

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

#2A2F5E

#263755

#223F4B

#1D4742

#194F38

#15582F

#116026

#0D681C

#087013

#047809

#2a2f5e Blue Shades

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

#2A2F5E

#262A6E

#22267E

#1D218E

#191C9E

#1518AF

#1113BF

#0D0ECF

#0809DF

#0405EF

Readability Analysis

#2a2f5e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.60	AAA	Sample Text
Black	1.67	Fail	Sample Text
Red	3.15	A	Sample Text
Green	2.45	Fail	Sample Text
Blue	1.47	Fail	Sample Text

#2a2f5e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.60	AAA	Sample Text
Black	1.67	Fail	Sample Text
Red	3.15	A	Sample Text
Green	2.45	Fail	Sample Text
Blue	1.47	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#243360`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f345d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#25364a`
Protanopia	No red perception - Dichromacy	`#213560`
Deuteranopia	No green perception - Dichromacy	`#18375c`
Tritanopia	No blue perception - Dichromacy	`#223a3f`
Achromatomaly	Partial color blindness - Monochromacy	`#2f3042`
Achromatopsia	Complete color blindness - Monochromacy	`#313131`

#2a2f5e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a2f5e Light Tints

#2a2f5e Gray Shades

#2a2f5e Dark Shades

#2a2f5e Red Shades

#2a2f5e Green Shades

#2a2f5e Blue Shades

Readability Analysis

#2a2f5e as Text Color

#2a2f5e as Background Color

Color Blindness Simulation

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

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

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

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

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

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