0 views

#2c5efa - Color Information

#2c5efa

Base Information

HEX

#2c5efa

RGB

44,94,250

HSL

225,95,58

HSV

225,82,98

CMYK

82,62,0,2

LAB

46,40,-82

LCH

46,91,296

XYZ

22,15,92

Web Safe

#3366ff

Web Smart

#3366ff

is dark

Yes

luminosity

0.1544

Pantone Color

Combinations

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

#2c5efa

#FAC82C

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

#2c5efa

#FA612C

#C5FA2C

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

#2c5efa

#FA2C5E

#5EFA2C

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

#2c5efa

#FA2CC5

#FAC82C

#2CFA61

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

#2c5efa

#FAC82C

#FA612C

#C5FA2C

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

#2c5efa

#612CFA

#C82CFA

#FA2CC5

Shades

#2c5efa Light Tints

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

#2C5EFA

#416EFB

#567EFB

#6B8EFC

#809EFC

#96AFFD

#ABBFFD

#C0CFFE

#D5DFFE

#EAEFFF

#2c5efa Gray Shades

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

#2C5EFA

#3461EE

#3D65E2

#4568D5

#4E6CC9

#566FBD

#5E72B1

#6776A5

#6F7998

#787D8C

#2c5efa Dark Shades

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

#2C5EFA

#2855E1

#234BC8

#1F42AF

#1A3896

#162F7D

#122664

#0D1C4B

#091332

#040919

#2c5efa Red Shades

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

#2C5EFA

#4155E1

#564BC8

#6B42AF

#803896

#962F7D

#AB2664

#C01C4B

#D51332

#EA0919

#2c5efa Green Shades

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

#2C5EFA

#2861E1

#2365C8

#1F68AF

#1A6C96

#166F7D

#127264

#0D764B

#097932

#047D19

#2c5efa Blue Shades

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

#2C5EFA

#2855FB

#234BFB

#1F42FC

#1A38FC

#162FFD

#1226FD

#0D1CFE

#0913FE

#0409FF

Readability Analysis

#2c5efa as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.14	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

#2c5efa as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.14	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1065e6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#106ad3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#106fac`
Protanopia	No red perception - Dichromacy	`#006adb`
Deuteranopia	No green perception - Dichromacy	`#0070bc`
Tritanopia	No blue perception - Dichromacy	`#007980`
Achromatomaly	Partial color blindness - Monochromacy	`#4c5e97`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#2c5efa - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2c5efa Light Tints

#2c5efa Gray Shades

#2c5efa Dark Shades

#2c5efa Red Shades

#2c5efa Green Shades

#2c5efa Blue Shades

Readability Analysis

#2c5efa as Text Color

#2c5efa as Background Color

Color Blindness Simulation

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

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

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

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

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

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