0 views

#2c2f3f - Color Information

#2c2f3f

Base Information

HEX

#2c2f3f

RGB

44,47,63

HSL

231,18,21

HSV

231,30,25

CMYK

30,25,0,75

LAB

20,3,-11

LCH

20,11,286

XYZ

3,3,5

Web Safe

#333333

Web Smart

#333344

is dark

Yes

luminosity

0.0293

Pantone Color

Combinations

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

#2c2f3f

#3F3C2C

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

#2c2f3f

#3F322C

#393F2C

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

#2c2f3f

#3F2C2F

#2F3F2C

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

#2c2f3f

#3F2C39

#3F3C2C

#2C3F32

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

#2c2f3f

#3F3C2C

#3F322C

#393F2C

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

#2c2f3f

#322C3F

#3C2C3F

#3F2C39

Shades

#2c2f3f Light Tints

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

#2C2F3F

#414452

#565965

#6B6D79

#80828C

#96979F

#ABACB2

#C0C1C5

#D5D5D9

#EAEAEC

#2c2f3f Gray Shades

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

#2C2F3F

#343746

#3D3F4C

#454753

#4E4F59

#565860

#5E6066

#67686D

#6F7073

#78787A

#2c2f3f Dark Shades

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

#2C2F3F

#282A39

#232632

#1F212C

#1A1C26

#161820

#121319

#0D0E13

#09090D

#040506

#2c2f3f Red Shades

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

#2C2F3F

#412A39

#562632

#6B212C

#801C26

#961820

#AB1319

#C00E13

#D5090D

#EA0506

#2c2f3f Green Shades

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

#2C2F3F

#283739

#233F32

#1F472C

#1A4F26

#165820

#126019

#0D6813

#09700D

#047806

#2c2f3f Blue Shades

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

#2C2F3F

#282A52

#232665

#1F2179

#1A1C8C

#16189F

#1213B2

#0D0EC5

#0909D9

#0405EC

Readability Analysis

#2c2f3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.25	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.31	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#2c2f3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.25	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.31	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2e3140`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2f3140`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2d323b`
Protanopia	No red perception - Dichromacy	`#2f3341`
Deuteranopia	No green perception - Dichromacy	`#313241`
Tritanopia	No blue perception - Dichromacy	`#2e3438`
Achromatomaly	Partial color blindness - Monochromacy	`#2e2f35`
Achromatopsia	Complete color blindness - Monochromacy	`#303030`

#2c2f3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2c2f3f Light Tints

#2c2f3f Gray Shades

#2c2f3f Dark Shades

#2c2f3f Red Shades

#2c2f3f Green Shades

#2c2f3f Blue Shades

Readability Analysis

#2c2f3f as Text Color

#2c2f3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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