0 views

#4c6bdd - Color Information

#4c6bdd

Base Information

HEX

#4c6bdd

RGB

76,107,221

HSL

227,68,58

HSV

227,66,87

CMYK

66,52,0,13

LAB

49,25,-62

LCH

49,67,292

XYZ

21,17,71

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1727

Pantone Color

Combinations

#4c6bdd complementary
Colors that are opposite to each other, forming a contrasting pair.

#4c6bdd

#DDBE4C

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

#4c6bdd

#DD764C

#B3DD4C

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

#4c6bdd

#DD4C6B

#6BDD4C

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

#4c6bdd

#DD4CB3

#DDBE4C

#4CDD76

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

#4c6bdd

#DDBE4C

#DD764C

#B3DD4C

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

#4c6bdd

#764CDD

#BE4CDD

#DD4CB3

Shades

#4c6bdd Light Tints

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

#4C6BDD

#5E7AE0

#7089E4

#8297E7

#94A6EB

#A6B5EE

#B7C4F1

#C9D3F5

#DBE1F8

#EDF0FC

#4c6bdd Gray Shades

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

#4C6BDD

#516DD4

#566FCA

#5C71C1

#6173B8

#6676AF

#6B78A5

#707A9C

#767C93

#7B7E89

#4c6bdd Dark Shades

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

#4C6BDD

#4460C7

#3D56B1

#354B9B

#2E4085

#26366F

#1E2B58

#172042

#0F152C

#080B16

#4c6bdd Red Shades

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

#4C6BDD

#5E60C7

#7056B1

#824B9B

#944085

#A6366F

#B72B58

#C92042

#DB152C

#ED0B16

#4c6bdd Green Shades

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

#4C6BDD

#446DC7

#3D6FB1

#35719B

#2E7385

#26766F

#1E7858

#177A42

#0F7C2C

#087E16

#4c6bdd Blue Shades

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

#4C6BDD

#4460E0

#3D56E4

#354BE7

#2E40EB

#2636EE

#1E2BF1

#1720F5

#0F15F8

#080BFC

Readability Analysis

#4c6bdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.45	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

#4c6bdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.45	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#346edf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1c72d1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1c78a7`
Protanopia	No red perception - Dichromacy	`#266fe0`
Deuteranopia	No green perception - Dichromacy	`#0075ca`
Tritanopia	No blue perception - Dichromacy	`#007f89`
Achromatomaly	Partial color blindness - Monochromacy	`#616c95`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#4c6bdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#4c6bdd complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#4c6bdd Light Tints

#4c6bdd Gray Shades

#4c6bdd Dark Shades

#4c6bdd Red Shades

#4c6bdd Green Shades

#4c6bdd Blue Shades

Readability Analysis

#4c6bdd as Text Color

#4c6bdd as Background Color

Color Blindness Simulation

#4c6bdd complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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