0 views

#2e6cb4 - Color Information

#2e6cb4

Base Information

HEX

#2e6cb4

RGB

46,108,180

HSL

212,59,44

HSV

212,74,71

CMYK

74,40,0,29

LAB

45,5,-44

LCH

45,44,277

XYZ

15,15,45

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1460

Pantone Color

Combinations

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

#2e6cb4

#B4762E

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

#2e6cb4

#B4332E

#AFB42E

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

#2e6cb4

#B42E6C

#6CB42E

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

#2e6cb4

#B42EAF

#B4762E

#2EB433

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

#2e6cb4

#B4762E

#B4332E

#AFB42E

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

#2e6cb4

#332EB4

#762EB4

#B42EAF

Shades

#2e6cb4 Light Tints

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

#2E6CB4

#437BBC

#5889C3

#6D98CB

#82A7D2

#97B6DA

#ABC4E1

#C0D3E9

#D5E2F0

#EAF0F8

#2e6cb4 Gray Shades

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

#2E6CB4

#366EAF

#3E70AA

#4772A4

#4F749F

#57769A

#5F7895

#677A90

#707C8A

#787E85

#2e6cb4 Dark Shades

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

#2E6CB4

#2961A2

#255690

#204C7E

#1C416C

#17365A

#122B48

#0E2036

#091624

#050B12

#2e6cb4 Red Shades

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

#2E6CB4

#4361A2

#585690

#6D4C7E

#82416C

#97365A

#AB2B48

#C02036

#D51624

#EA0B12

#2e6cb4 Green Shades

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

#2E6CB4

#296EA2

#257090

#20727E

#1C746C

#17765A

#127848

#0E7A36

#097C24

#057E12

#2e6cb4 Blue Shades

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

#2E6CB4

#2961BC

#2556C3

#204CCB

#1C41D2

#1736DA

#122BE1

#0E20E9

#0916F0

#050BF8

Readability Analysis

#2e6cb4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.36	AA	Sample Text
Black	3.92	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#2e6cb4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.36	AA	Sample Text
Black	3.92	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#416ab1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#326cb3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117292`
Protanopia	No red perception - Dichromacy	`#4c68b0`
Deuteranopia	No green perception - Dichromacy	`#346bb3`
Tritanopia	No blue perception - Dichromacy	`#00767f`
Achromatomaly	Partial color blindness - Monochromacy	`#506781`
Achromatopsia	Complete color blindness - Monochromacy	`#646464`

#2e6cb4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2e6cb4 Light Tints

#2e6cb4 Gray Shades

#2e6cb4 Dark Shades

#2e6cb4 Red Shades

#2e6cb4 Green Shades

#2e6cb4 Blue Shades

Readability Analysis

#2e6cb4 as Text Color

#2e6cb4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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