0 views

#476bcc - Color Information

#476bcc

Base Information

HEX

#476bcc

RGB

71,107,204

HSL

224,57,54

HSV

224,65,80

CMYK

65,48,0,20

LAB

47,18,-54

LCH

47,57,289

XYZ

19,16,59

Web Safe

#3366cc

Web Smart

#4466cc

is dark

Yes

luminosity

0.1621

Pantone Color

Combinations

#476bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#476bcc

#CCA847

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

#476bcc

#CC6547

#AECC47

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

#476bcc

#CC476B

#6BCC47

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

#476bcc

#CC47AD

#CCA847

#47CC65

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

#476bcc

#CCA847

#CC6547

#AECC47

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

#476bcc

#6547CC

#A847CC

#CC47AD

Shades

#476bcc Light Tints

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

#476BCC

#597AD1

#6C89D6

#7E97DB

#91A6E0

#A3B5E6

#B5C4EB

#C8D3F0

#DAE1F5

#EDF0FA

#476bcc Gray Shades

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

#476BCC

#4D6DC4

#526FBD

#5871B5

#5E73AE

#6476A6

#69789E

#6F7A97

#757C8F

#7A7E88

#476bcc Dark Shades

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

#476BCC

#4060B8

#3956A3

#324B8F

#2B407A

#243666

#1C2B52

#15203D

#0E1529

#070B14

#476bcc Red Shades

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

#476BCC

#5960B8

#6C56A3

#7E4B8F

#91407A

#A33666

#B52B52

#C8203D

#DA1529

#ED0B14

#476bcc Green Shades

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

#476BCC

#406DB8

#396FA3

#32718F

#2B737A

#247666

#1C7852

#157A3D

#0E7C29

#077E14

#476bcc Blue Shades

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

#476BCC

#4060D1

#3956D6

#324BDB

#2B40E0

#2436E6

#1C2BEB

#1520F0

#0E15F5

#070BFA

Readability Analysis

#476bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.95	AA	Sample Text
Black	4.24	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#476bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.95	AA	Sample Text
Black	4.24	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#406ccc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1a6fc8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1a759f`
Protanopia	No red perception - Dichromacy	`#3c6ccc`
Deuteranopia	No green perception - Dichromacy	`#0072c6`
Tritanopia	No blue perception - Dichromacy	`#007b85`
Achromatomaly	Partial color blindness - Monochromacy	`#5d6b8e`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#476bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#476bcc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#476bcc Light Tints

#476bcc Gray Shades

#476bcc Dark Shades

#476bcc Red Shades

#476bcc Green Shades

#476bcc Blue Shades

Readability Analysis

#476bcc as Text Color

#476bcc as Background Color

Color Blindness Simulation

#476bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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