0 views

#226e7c - Color Information

#226e7c

Base Information

HEX

#226e7c

RGB

34,110,124

HSL

189,57,31

HSV

189,73,49

CMYK

73,11,0,51

LAB

43,-18,-14

LCH

43,23,219

XYZ

10,13,21

Web Safe

#336666

Web Smart

#226677

is dark

Yes

luminosity

0.1295

Pantone Color

Combinations

#226e7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#226e7c

#7C3022

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

#226e7c

#7C2241

#7C5D22

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

#226e7c

#7C226E

#6E7C22

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

#226e7c

#5D227C

#7C3022

#417C22

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

#226e7c

#7C3022

#7C2241

#7C5D22

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

#226e7c

#22417C

#30227C

#5D227C

Shades

#226e7c Light Tints

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

#226E7C

#387D89

#4E8B96

#649AA3

#7AA8B0

#91B7BE

#A7C5CB

#BDD4D8

#D3E2E5

#E9F1F2

#226e7c Gray Shades

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

#226E7C

#2B707C

#35727D

#3E737D

#48757E

#51777E

#5A797E

#647B7F

#6D7C7F

#777E80

#226e7c Dark Shades

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

#226E7C

#1F6370

#1B5863

#184D57

#14424A

#11373E

#0E2C32

#0A2125

#071619

#030B0C

#226e7c Red Shades

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

#226E7C

#386370

#4E5863

#644D57

#7A424A

#91373E

#A72C32

#BD2125

#D31619

#E90B0C

#226e7c Green Shades

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

#226E7C

#1F7070

#1B7263

#187357

#14754A

#11773E

#0E7932

#0A7B25

#077C19

#037E0C

#226e7c Blue Shades

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

#226E7C

#1F6389

#1B5896

#184DA3

#1442B0

#1137BE

#0E2CCB

#0A21D8

#0716E5

#030BF2

Readability Analysis

#226e7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.85	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

#226e7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.85	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	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	`#4a6878`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4a677e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#236e79`
Protanopia	No red perception - Dichromacy	`#616475`
Deuteranopia	No green perception - Dichromacy	`#60637f`
Tritanopia	No blue perception - Dichromacy	`#246e77`
Achromatomaly	Partial color blindness - Monochromacy	`#496469`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#226e7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#226e7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#226e7c Light Tints

#226e7c Gray Shades

#226e7c Dark Shades

#226e7c Red Shades

#226e7c Green Shades

#226e7c Blue Shades

Readability Analysis

#226e7c as Text Color

#226e7c as Background Color

Color Blindness Simulation

#226e7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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