0 views

#2d5cc2 - Color Information

#2d5cc2

Base Information

HEX

#2d5cc2

RGB

45,92,194

HSL

221,62,47

HSV

221,77,76

CMYK

77,53,0,24

LAB

41,21,-58

LCH

41,62,290

XYZ

15,12,53

Web Safe

#3366cc

Web Smart

#3355bb

is dark

Yes

luminosity

0.1211

Pantone Color

Combinations

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

#2d5cc2

#C2932D

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

#2d5cc2

#C2482D

#A7C22D

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

#2d5cc2

#C22D5C

#5CC22D

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

#2d5cc2

#C22DA6

#C2932D

#2DC248

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

#2d5cc2

#C2932D

#C2482D

#A7C22D

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

#2d5cc2

#492DC2

#932DC2

#C22DA6

Shades

#2d5cc2 Light Tints

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

#2D5CC2

#426CC8

#577DCE

#6C8DD4

#819DDA

#96AEE1

#ABBEE7

#C0CEED

#D5DEF3

#EAEFF9

#2d5cc2 Gray Shades

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

#2D5CC2

#3560BB

#3E63B5

#4667AE

#4E6AA8

#576EA1

#5F729A

#677594

#6F798D

#787C87

#2d5cc2 Dark Shades

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

#2D5CC2

#2953AF

#244A9B

#1F4088

#1B3774

#172E61

#12254E

#0D1C3A

#091227

#040913

#2d5cc2 Red Shades

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

#2D5CC2

#4253AF

#574A9B

#6C4088

#813774

#962E61

#AB254E

#C01C3A

#D51227

#EA0913

#2d5cc2 Green Shades

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

#2D5CC2

#2960AF

#24639B

#1F6788

#1B6A74

#176E61

#12724E

#0D753A

#097927

#047C13

#2d5cc2 Blue Shades

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

#2D5CC2

#2953C8

#244ACE

#1F40D4

#1B37DA

#172EE1

#1225E7

#0D1CED

#0912F3

#0409F9

Readability Analysis

#2d5cc2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

#2d5cc2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1e5ec2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1061b3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#106690`
Protanopia	No red perception - Dichromacy	`#155ec3`
Deuteranopia	No green perception - Dichromacy	`#0064ab`
Tritanopia	No blue perception - Dichromacy	`#006c73`
Achromatomaly	Partial color blindness - Monochromacy	`#495a7f`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#2d5cc2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d5cc2 Light Tints

#2d5cc2 Gray Shades

#2d5cc2 Dark Shades

#2d5cc2 Red Shades

#2d5cc2 Green Shades

#2d5cc2 Blue Shades

Readability Analysis

#2d5cc2 as Text Color

#2d5cc2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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