0 views

#646f7b - Color Information

#646f7b

Base Information

HEX

#646f7b

RGB

100,111,123

HSL

211,10,44

HSV

211,19,48

CMYK

19,10,0,52

LAB

46,-1,-8

LCH

46,8,260

XYZ

15,16,21

Web Safe

#666666

Web Smart

#667777

is dark

Yes

luminosity

0.1551

Pantone Color

Combinations

#646f7b complementary
Colors that are opposite to each other, forming a contrasting pair.

#646f7b

#7B7064

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

#646f7b

#7B6564

#7A7B64

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

#646f7b

#7B646F

#6F7B64

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

#646f7b

#7B647A

#7B7064

#647B65

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

#646f7b

#7B7064

#7B6564

#7A7B64

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

#646f7b

#65647B

#70647B

#7B647A

Shades

#646f7b Light Tints

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

#646F7B

#747D88

#838C95

#939AA3

#A2A9B0

#B2B7BD

#C1C5CA

#D1D4D7

#E0E2E5

#F0F1F2

#646f7b Gray Shades

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

#646F7B

#67717C

#6A727C

#6C747D

#6F767D

#72787E

#75797E

#787B7F

#7A7D7F

#7D7E80

#646f7b Dark Shades

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

#646F7B

#5A646F

#505962

#464E56

#3C434A

#32383E

#282C31

#1E2125

#141619

#0A0B0C

#646f7b Red Shades

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

#646F7B

#74646F

#835962

#934E56

#A2434A

#B2383E

#C12C31

#D12125

#E01619

#F00B0C

#646f7b Green Shades

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

#646F7B

#5A716F

#507262

#467456

#3C764A

#32783E

#287931

#1E7B25

#147D19

#0A7E0C

#646f7b Blue Shades

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

#646F7B

#5A6488

#505995

#464EA3

#3C43B0

#3238BD

#282CCA

#1E21D7

#1416E5

#0A0BF2

Readability Analysis

#646f7b 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

#646f7b 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	`#696d7a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#6d6c7b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#646f79`
Protanopia	No red perception - Dichromacy	`#6c6d79`
Deuteranopia	No green perception - Dichromacy	`#716a7c`
Tritanopia	No blue perception - Dichromacy	`#636f78`
Achromatomaly	Partial color blindness - Monochromacy	`#6a6e72`
Achromatopsia	Complete color blindness - Monochromacy	`#6e6e6e`

#646f7b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#646f7b complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#646f7b Light Tints

#646f7b Gray Shades

#646f7b Dark Shades

#646f7b Red Shades

#646f7b Green Shades

#646f7b Blue Shades

Readability Analysis

#646f7b as Text Color

#646f7b as Background Color

Color Blindness Simulation

#646f7b complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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