0 views

#2c5dc6 - Color Information

#2c5dc6

Base Information

HEX

#2c5dc6

RGB

44,93,198

HSL

221,64,47

HSV

221,78,78

CMYK

78,53,0,22

LAB

42,21,-59

LCH

42,63,290

XYZ

15,12,55

Web Safe

#3366cc

Web Smart

#3355cc

is dark

Yes

luminosity

0.1244

Pantone Color

Combinations

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

#2c5dc6

#C6952C

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

#2c5dc6

#C6482C

#AAC62C

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

#2c5dc6

#C62C5D

#5DC62C

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

#2c5dc6

#C62CAA

#C6952C

#2CC648

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

#2c5dc6

#C6952C

#C6482C

#AAC62C

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

#2c5dc6

#482CC6

#952CC6

#C62CAA

Shades

#2c5dc6 Light Tints

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

#2C5DC6

#416DCC

#567DD1

#6B8ED7

#809EDD

#96AEE3

#ABBEE8

#C0CEEE

#D5DFF4

#EAEFF9

#2c5dc6 Gray Shades

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

#2C5DC6

#3461BF

#3D64B8

#4568B1

#4E6BAA

#566FA3

#5E729C

#677695

#6F798E

#787D87

#2c5dc6 Dark Shades

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

#2C5DC6

#2854B2

#234A9E

#1F418B

#1A3877

#162F63

#12254F

#0D1C3B

#091328

#040914

#2c5dc6 Red Shades

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

#2C5DC6

#4154B2

#564A9E

#6B418B

#803877

#962F63

#AB254F

#C01C3B

#D51328

#EA0914

#2c5dc6 Green Shades

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

#2C5DC6

#2861B2

#23649E

#1F688B

#1A6B77

#166F63

#12724F

#0D763B

#097928

#047D14

#2c5dc6 Blue Shades

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

#2C5DC6

#2854CC

#234AD1

#1F41D7

#1A38DD

#162FE3

#1225E8

#0D1CEE

#0913F4

#0409F9

Readability Analysis

#2c5dc6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.02	AA	Sample Text
Black	3.49	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

#2c5dc6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.02	AA	Sample Text
Black	3.49	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#175fc7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1062b6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#106892`
Protanopia	No red perception - Dichromacy	`#0c5fc7`
Deuteranopia	No green perception - Dichromacy	`#0065ad`
Tritanopia	No blue perception - Dichromacy	`#006e75`
Achromatomaly	Partial color blindness - Monochromacy	`#495b81`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#2c5dc6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2c5dc6 Light Tints

#2c5dc6 Gray Shades

#2c5dc6 Dark Shades

#2c5dc6 Red Shades

#2c5dc6 Green Shades

#2c5dc6 Blue Shades

Readability Analysis

#2c5dc6 as Text Color

#2c5dc6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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