0 views

#1a63f5 - Color Information

#1a63f5

Base Information

HEX

#1a63f5

RGB

26,99,245

HSL

220,92,53

HSV

220,89,96

CMYK

89,60,0,4

LAB

47,34,-79

LCH

47,86,293

XYZ

21,16,88

Web Safe

#3366ff

Web Smart

#2266ee

is dark

Yes

luminosity

0.1574

Pantone Color

Combinations

#1a63f5 complementary
Colors that are opposite to each other, forming a contrasting pair.

#1a63f5

#F5AC1A

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

#1a63f5

#F53E1A

#D0F51A

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

#1a63f5

#F51A63

#63F51A

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

#1a63f5

#F51AD0

#F5AC1A

#1AF53E

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

#1a63f5

#F5AC1A

#F53E1A

#D0F51A

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

#1a63f5

#3E1AF5

#AC1AF5

#F51AD0

Shades

#1a63f5 Light Tints

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

#1A63F5

#3173F6

#4882F7

#5F92F8

#76A1F9

#8DB1FA

#A3C1FB

#BAD0FC

#D1E0FD

#E8EFFE

#1a63f5 Gray Shades

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

#1A63F5

#2466E9

#2E69DE

#396CD2

#436FC6

#4D72BB

#5774AF

#6177A3

#6C7A97

#767D8C

#1a63f5 Dark Shades

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

#1A63F5

#1759DD

#154FC4

#1245AC

#103B93

#0D327B

#0A2862

#081E49

#051431

#030A18

#1a63f5 Red Shades

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

#1A63F5

#3159DD

#484FC4

#5F45AC

#763B93

#8D327B

#A32862

#BA1E49

#D11431

#E80A18

#1a63f5 Green Shades

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

#1A63F5

#1766DD

#1569C4

#126CAC

#106F93

#0D727B

#0A7462

#087749

#057A31

#037D18

#1a63f5 Blue Shades

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

#1A63F5

#1759F6

#154FF7

#1245F8

#103BF9

#0D32FA

#0A28FB

#081EFC

#0514FD

#030AFE

Readability Analysis

#1a63f5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.06	AA	Sample Text
Black	4.15	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.70	Fail	Sample Text

#1a63f5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.06	AA	Sample Text
Black	4.15	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.70	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0968e6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#096cd2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0972ab`
Protanopia	No red perception - Dichromacy	`#006add`
Deuteranopia	No green perception - Dichromacy	`#0071be`
Tritanopia	No blue perception - Dichromacy	`#007a81`
Achromatomaly	Partial color blindness - Monochromacy	`#456095`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#1a63f5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1a63f5 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1a63f5 Light Tints

#1a63f5 Gray Shades

#1a63f5 Dark Shades

#1a63f5 Red Shades

#1a63f5 Green Shades

#1a63f5 Blue Shades

Readability Analysis

#1a63f5 as Text Color

#1a63f5 as Background Color

Color Blindness Simulation

#1a63f5 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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