0 views

#2a2f3f - Color Information

#2a2f3f

Base Information

HEX

#2a2f3f

RGB

42,47,63

HSL

226,20,21

HSV

226,33,25

CMYK

33,25,0,75

LAB

20,2,-11

LCH

20,11,282

XYZ

3,3,5

Web Safe

#333333

Web Smart

#223344

is dark

Yes

luminosity

0.0288

Pantone Color

Combinations

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

#2a2f3f

#3F3A2A

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

#2a2f3f

#3F302A

#393F2A

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

#2a2f3f

#3F2A2F

#2F3F2A

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

#2a2f3f

#3F2A39

#3F3A2A

#2A3F30

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

#2a2f3f

#3F3A2A

#3F302A

#393F2A

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

#2a2f3f

#302A3F

#3A2A3F

#3F2A39

Shades

#2a2f3f Light Tints

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

#2A2F3F

#3F4452

#555965

#6A6D79

#7F828C

#95979F

#AAACB2

#BFC1C5

#D4D5D9

#EAEAEC

#2a2f3f Gray Shades

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

#2A2F3F

#333746

#3B3F4C

#444753

#4C4F59

#555860

#5E6066

#66686D

#6F7073

#77787A

#2a2f3f Dark Shades

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

#2A2F3F

#262A39

#222632

#1D212C

#191C26

#151820

#111319

#0D0E13

#08090D

#040506

#2a2f3f Red Shades

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

#2A2F3F

#3F2A39

#552632

#6A212C

#7F1C26

#951820

#AA1319

#BF0E13

#D4090D

#EA0506

#2a2f3f Green Shades

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

#2A2F3F

#263739

#223F32

#1D472C

#194F26

#155820

#116019

#0D6813

#08700D

#047806

#2a2f3f Blue Shades

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

#2A2F3F

#262A52

#222665

#1D2179

#191C8C

#15189F

#1113B2

#0D0EC5

#0809D9

#0405EC

Readability Analysis

#2a2f3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.32	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.33	A	Sample Text
Green	2.59	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#2a2f3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.32	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.33	A	Sample Text
Green	2.59	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2d3140`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2e3141`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b323b`
Protanopia	No red perception - Dichromacy	`#2f3241`
Deuteranopia	No green perception - Dichromacy	`#303241`
Tritanopia	No blue perception - Dichromacy	`#2c3438`
Achromatomaly	Partial color blindness - Monochromacy	`#2d2f35`
Achromatopsia	Complete color blindness - Monochromacy	`#2f2f2f`

#2a2f3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a2f3f Light Tints

#2a2f3f Gray Shades

#2a2f3f Dark Shades

#2a2f3f Red Shades

#2a2f3f Green Shades

#2a2f3f Blue Shades

Readability Analysis

#2a2f3f as Text Color

#2a2f3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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