0 views

#2d58e0 - Color Information

#2d58e0

Base Information

HEX

#2d58e0

RGB

45,88,224

HSL

226,74,53

HSV

226,80,88

CMYK

80,61,0,12

LAB

43,34,-73

LCH

43,81,295

XYZ

18,13,72

Web Safe

#3366cc

Web Smart

#3355dd

is dark

Yes

luminosity

0.1292

Pantone Color

Combinations

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

#2d58e0

#E0B52D

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

#2d58e0

#E05C2D

#B2E02D

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

#2d58e0

#E02D58

#58E02D

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

#2d58e0

#E02DB2

#E0B52D

#2DE05C

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

#2d58e0

#E0B52D

#E05C2D

#B2E02D

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

#2d58e0

#5B2DE0

#B52DE0

#E02DB2

Shades

#2d58e0 Light Tints

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

#2D58E0

#4269E3

#5779E6

#6C8AE9

#819BEC

#96ACF0

#ABBCF3

#C0CDF6

#D5DEF9

#EAEEFC

#2d58e0 Gray Shades

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

#2D58E0

#355CD6

#3E60CD

#4664C3

#4E68BA

#576CB0

#5F70A6

#67749D

#6F7893

#787C8A

#2d58e0 Dark Shades

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

#2D58E0

#294FCA

#2446B3

#1F3E9D

#1B3586

#172C70

#12235A

#0D1A43

#09122D

#040916

#2d58e0 Red Shades

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

#2D58E0

#424FCA

#5746B3

#6C3E9D

#813586

#962C70

#AB235A

#C01A43

#D5122D

#EA0916

#2d58e0 Green Shades

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

#2D58E0

#295CCA

#2460B3

#1F649D

#1B6886

#176C70

#12705A

#0D7443

#09782D

#047C16

#2d58e0 Blue Shades

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

#2D58E0

#294FE3

#2446E6

#1F3EE9

#1B35EC

#172CF0

#1223F3

#0D1AF6

#0912F9

#0409FC

Readability Analysis

#2d58e0 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

#2d58e0 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	`#105ed2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1062c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#10679d`
Protanopia	No red perception - Dichromacy	`#0061ca`
Deuteranopia	No green perception - Dichromacy	`#0067ae`
Tritanopia	No blue perception - Dichromacy	`#007076`
Achromatomaly	Partial color blindness - Monochromacy	`#49588a`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#2d58e0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d58e0 Light Tints

#2d58e0 Gray Shades

#2d58e0 Dark Shades

#2d58e0 Red Shades

#2d58e0 Green Shades

#2d58e0 Blue Shades

Readability Analysis

#2d58e0 as Text Color

#2d58e0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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