0 views

#3f7a4c - Color Information

#3f7a4c

Base Information

HEX

#3f7a4c

RGB

63,122,76

HSL

133,32,36

HSV

133,48,48

CMYK

48,0,38,52

LAB

46,-30,19

LCH

46,36,147

XYZ

10,15,9

Web Safe

#336633

Web Smart

#447744

is dark

Yes

luminosity

0.1550

Pantone Color

Combinations

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

#3f7a4c

#7A3F6D

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

#3f7a4c

#6A3F7A

#7A3F50

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

#3f7a4c

#4C3F7A

#7A4C3F

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

#3f7a4c

#3F507A

#7A3F6D

#7A6A3F

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

#3f7a4c

#7A3F6D

#6A3F7A

#7A3F50

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

#3f7a4c

#3F7A6A

#3F6D7A

#3F507A

Shades

#3f7a4c Light Tints

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

#3F7A4C

#52875E

#659570

#79A282

#8CAF94

#9FBDA6

#B2CAB7

#C5D7C9

#D9E4DB

#ECF2ED

#3f7a4c Gray Shades

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

#3F7A4C

#467B51

#4C7B56

#537C5C

#597C61

#607D66

#667E6B

#6D7E70

#737F76

#7A7F7B

#3f7a4c Dark Shades

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

#3F7A4C

#396E44

#32623D

#2C5535

#26492E

#203D26

#19311E

#132517

#0D180F

#060C08

#3f7a4c Red Shades

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

#3F7A4C

#526E44

#65623D

#795535

#8C492E

#9F3D26

#B2311E

#C52517

#D9180F

#EC0C08

#3f7a4c Green Shades

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

#3F7A4C

#397B44

#327B3D

#2C7C35

#267C2E

#207D26

#197E1E

#137E17

#0D7F0F

#067F08

#3f7a4c Blue Shades

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

#3F7A4C

#396E5E

#326270

#2C5582

#264994

#203DA6

#1931B7

#1325C9

#0D18DB

#060CED

Readability Analysis

#3f7a4c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.12	AA	Sample Text
Black	4.10	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#3f7a4c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.12	AA	Sample Text
Black	4.10	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#63724a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#696f50`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#48766b`
Protanopia	No red perception - Dichromacy	`#776d49`
Deuteranopia	No green perception - Dichromacy	`#826953`
Tritanopia	No blue perception - Dichromacy	`#4e737c`
Achromatomaly	Partial color blindness - Monochromacy	`#5a705f`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#3f7a4c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f7a4c Light Tints

#3f7a4c Gray Shades

#3f7a4c Dark Shades

#3f7a4c Red Shades

#3f7a4c Green Shades

#3f7a4c Blue Shades

Readability Analysis

#3f7a4c as Text Color

#3f7a4c as Background Color

Color Blindness Simulation

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

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

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

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

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

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