0 views

#2a5adb - Color Information

#2a5adb

Base Information

HEX

#2a5adb

RGB

42,90,219

HSL

224,71,51

HSV

224,81,86

CMYK

81,59,0,14

LAB

43,31,-70

LCH

43,77,294

XYZ

17,13,69

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1292

Pantone Color

Combinations

#2a5adb complementary
Colors that are opposite to each other, forming a contrasting pair.

#2a5adb

#DBAB2A

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

#2a5adb

#DB522A

#B3DB2A

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

#2a5adb

#DB2A5A

#5ADB2A

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

#2a5adb

#DB2AB3

#DBAB2A

#2ADB52

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

#2a5adb

#DBAB2A

#DB522A

#B3DB2A

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

#2a5adb

#522ADB

#AB2ADB

#DB2AB3

Shades

#2a5adb Light Tints

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

#2A5ADB

#3F6BDF

#557BE2

#6A8CE6

#7F9CE9

#95ADED

#AABDF1

#BFCEF4

#D4DEF8

#EAEFFB

#2a5adb Gray Shades

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

#2A5ADB

#335ED2

#3B62C9

#4465C0

#4C69B7

#556DAE

#5E71A4

#66759B

#6F7892

#777C89

#2a5adb Dark Shades

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

#2A5ADB

#2651C5

#2248AF

#1D3F99

#193683

#152D6E

#112458

#0D1B42

#08122C

#040916

#2a5adb Red Shades

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

#2A5ADB

#3F51C5

#5548AF

#6A3F99

#7F3683

#952D6E

#AA2458

#BF1B42

#D4122C

#EA0916

#2a5adb Green Shades

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

#2A5ADB

#265EC5

#2262AF

#1D6599

#196983

#156D6E

#117158

#0D7542

#08782C

#047C16

#2a5adb Blue Shades

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

#2A5ADB

#2651DF

#2248E2

#1D3FE6

#1936E9

#152DED

#1124F1

#0D1BF4

#0812F8

#0409FB

Readability Analysis

#2a5adb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.86	AA	Sample Text
Black	3.58	A	Sample Text
Red	1.47	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

#2a5adb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.86	AA	Sample Text
Black	3.58	A	Sample Text
Red	1.47	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f5fd0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f62bf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f689b`
Protanopia	No red perception - Dichromacy	`#0061ca`
Deuteranopia	No green perception - Dichromacy	`#0067ae`
Tritanopia	No blue perception - Dichromacy	`#006f76`
Achromatomaly	Partial color blindness - Monochromacy	`#485988`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#2a5adb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2a5adb complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2a5adb Light Tints

#2a5adb Gray Shades

#2a5adb Dark Shades

#2a5adb Red Shades

#2a5adb Green Shades

#2a5adb Blue Shades

Readability Analysis

#2a5adb as Text Color

#2a5adb as Background Color

Color Blindness Simulation

#2a5adb complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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