0 views

#456bcc - Color Information

#456bcc

Base Information

HEX

#456bcc

RGB

69,107,204

HSL

223,57,54

HSV

223,66,80

CMYK

66,48,0,20

LAB

47,18,-54

LCH

47,57,288

XYZ

19,16,59

Web Safe

#3366cc

Web Smart

#4466cc

is dark

Yes

luminosity

0.1614

Pantone Color

Combinations

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

#456bcc

#CCA645

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

#456bcc

#CC6245

#AFCC45

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

#456bcc

#CC456B

#6BCC45

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

#456bcc

#CC45AF

#CCA645

#45CC62

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

#456bcc

#CCA645

#CC6245

#AFCC45

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

#456bcc

#6245CC

#A645CC

#CC45AF

Shades

#456bcc Light Tints

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

#456BCC

#587AD1

#6A89D6

#7D97DB

#8FA6E0

#A2B5E6

#B5C4EB

#C7D3F0

#DAE1F5

#ECF0FA

#456bcc Gray Shades

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

#456BCC

#4B6DC4

#516FBD

#5771B5

#5D73AE

#6376A6

#68789E

#6E7A97

#747C8F

#7A7E88

#456bcc Dark Shades

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

#456BCC

#3E60B8

#3756A3

#304B8F

#29407A

#233666

#1C2B52

#15203D

#0E1529

#070B14

#456bcc Red Shades

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

#456BCC

#5860B8

#6A56A3

#7D4B8F

#8F407A

#A23666

#B52B52

#C7203D

#DA1529

#EC0B14

#456bcc Green Shades

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

#456BCC

#3E6DB8

#376FA3

#30718F

#29737A

#237666

#1C7852

#157A3D

#0E7C29

#077E14

#456bcc Blue Shades

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

#456BCC

#3E60D1

#3756D6

#304BDB

#2940E0

#2336E6

#1C2BEB

#1520F0

#0E15F5

#070BFA

Readability Analysis

#456bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.97	AA	Sample Text
Black	4.23	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.73	Fail	Sample Text

#456bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.97	AA	Sample Text
Black	4.23	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.73	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f6ccc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#196fc8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#19759f`
Protanopia	No red perception - Dichromacy	`#3b6ccc`
Deuteranopia	No green perception - Dichromacy	`#0071c6`
Tritanopia	No blue perception - Dichromacy	`#007b85`
Achromatomaly	Partial color blindness - Monochromacy	`#5c6a8e`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#456bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#456bcc Light Tints

#456bcc Gray Shades

#456bcc Dark Shades

#456bcc Red Shades

#456bcc Green Shades

#456bcc Blue Shades

Readability Analysis

#456bcc as Text Color

#456bcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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