0 views

#2a2f4d - Color Information

#2a2f4d

Base Information

HEX

#2a2f4d

RGB

42,47,77

HSL

231,29,23

HSV

231,45,30

CMYK

45,39,0,70

LAB

20,7,-19

LCH

20,20,290

XYZ

3,3,7

Web Safe

#333366

Web Smart

#223355

is dark

Yes

luminosity

0.0306

Pantone Color

Combinations

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

#2a2f4d

#4D482A

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

#2a2f4d

#4D372A

#404D2A

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

#2a2f4d

#4D2A2F

#2F4D2A

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

#2a2f4d

#4D2A40

#4D482A

#2A4D37

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

#2a2f4d

#4D482A

#4D372A

#404D2A

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

#2a2f4d

#372A4D

#482A4D

#4D2A40

Shades

#2a2f4d Light Tints

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

#2A2F4D

#3F445F

#555971

#6A6D82

#7F8294

#9597A6

#AAACB8

#BFC1CA

#D4D5DB

#EAEAED

#2a2f4d Gray Shades

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

#2A2F4D

#333752

#3B3F57

#44475C

#4C4F61

#555867

#5E606C

#666871

#6F7076

#77787B

#2a2f4d Dark Shades

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

#2A2F4D

#262A45

#22263E

#1D2136

#191C2E

#151827

#11131F

#0D0E17

#08090F

#040508

#2a2f4d Red Shades

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

#2A2F4D

#3F2A45

#55263E

#6A2136

#7F1C2E

#951827

#AA131F

#BF0E17

#D4090F

#EA0508

#2a2f4d Green Shades

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

#2A2F4D

#263745

#223F3E

#1D4736

#194F2E

#155827

#11601F

#0D6817

#08700F

#047808

#2a2f4d Blue Shades

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

#2A2F4D

#262A5F

#222671

#1D2182

#191C94

#1518A6

#1113B8

#0D0ECA

#0809DB

#0405ED

Readability Analysis

#2a2f4d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.03	AAA	Sample Text
Black	1.61	Fail	Sample Text
Red	3.26	A	Sample Text
Green	2.54	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#2a2f4d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.03	AAA	Sample Text
Black	1.61	Fail	Sample Text
Red	3.26	A	Sample Text
Green	2.54	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2a324e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#29324d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#293442`
Protanopia	No red perception - Dichromacy	`#2a334f`
Deuteranopia	No green perception - Dichromacy	`#28344e`
Tritanopia	No blue perception - Dichromacy	`#28373b`
Achromatomaly	Partial color blindness - Monochromacy	`#2e303b`
Achromatopsia	Complete color blindness - Monochromacy	`#303030`

#2a2f4d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a2f4d Light Tints

#2a2f4d Gray Shades

#2a2f4d Dark Shades

#2a2f4d Red Shades

#2a2f4d Green Shades

#2a2f4d Blue Shades

Readability Analysis

#2a2f4d as Text Color

#2a2f4d as Background Color

Color Blindness Simulation

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

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

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

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

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

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