0 views

#4c6cc8 - Color Information

#4c6cc8

Base Information

HEX

#4c6cc8

RGB

76,108,200

HSL

225,53,54

HSV

225,62,78

CMYK

62,46,0,22

LAB

48,17,-51

LCH

48,54,289

XYZ

19,16,57

Web Safe

#3366cc

Web Smart

#4466cc

is dark

Yes

luminosity

0.1643

Pantone Color

Combinations

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

#4c6cc8

#C8A84C

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

#4c6cc8

#C86A4C

#AAC84C

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

#4c6cc8

#C84C6C

#6CC84C

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

#4c6cc8

#C84CAA

#C8A84C

#4CC86A

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

#4c6cc8

#C8A84C

#C86A4C

#AAC84C

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

#4c6cc8

#6A4CC8

#A84CC8

#C84CAA

Shades

#4c6cc8 Light Tints

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

#4C6CC8

#5E7BCE

#7089D3

#8298D9

#94A7DE

#A6B6E4

#B7C4E9

#C9D3EF

#DBE2F4

#EDF0FA

#4c6cc8 Gray Shades

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

#4C6CC8

#516EC1

#5670BA

#5C72B2

#6174AB

#6676A4

#6B789D

#707A96

#767C8E

#7B7E87

#4c6cc8 Dark Shades

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

#4C6CC8

#4461B4

#3D56A0

#354C8C

#2E4178

#263664

#1E2B50

#17203C

#0F1628

#080B14

#4c6cc8 Red Shades

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

#4C6CC8

#5E61B4

#7056A0

#824C8C

#944178

#A63664

#B72B50

#C9203C

#DB1628

#ED0B14

#4c6cc8 Green Shades

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

#4C6CC8

#446EB4

#3D70A0

#35728C

#2E7478

#267664

#1E7850

#177A3C

#0F7C28

#087E14

#4c6cc8 Blue Shades

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

#4C6CC8

#4461CE

#3D56D3

#354CD9

#2E41DE

#2636E4

#1E2BE9

#1720EF

#0F16F4

#080BFA

Readability Analysis

#4c6cc8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.90	AA	Sample Text
Black	4.29	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

#4c6cc8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.90	AA	Sample Text
Black	4.29	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#466dc8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3170c5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#32769d`
Protanopia	No red perception - Dichromacy	`#426dc8`
Deuteranopia	No green perception - Dichromacy	`#2272c4`
Tritanopia	No blue perception - Dichromacy	`#237b85`
Achromatomaly	Partial color blindness - Monochromacy	`#606c8d`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#4c6cc8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#4c6cc8 Light Tints

#4c6cc8 Gray Shades

#4c6cc8 Dark Shades

#4c6cc8 Red Shades

#4c6cc8 Green Shades

#4c6cc8 Blue Shades

Readability Analysis

#4c6cc8 as Text Color

#4c6cc8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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