0 views

#226a5c - Color Information

#226a5c

Base Information

HEX

#226a5c

RGB

34,106,92

HSL

168,51,27

HSV

168,68,42

CMYK

68,0,13,58

LAB

40,-26,1

LCH

40,26,177

XYZ

8,11,12

Web Safe

#336666

Web Smart

#226655

is dark

Yes

luminosity

0.1142

Pantone Color

Combinations

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

#226a5c

#6A2230

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

#226a5c

#6A2254

#6A3822

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

#226a5c

#5C226A

#6A5C22

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

#226a5c

#38226A

#6A2230

#546A22

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

#226a5c

#6A2230

#6A2254

#6A3822

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

#226a5c

#22546A

#22306A

#38226A

Shades

#226a5c Light Tints

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

#226A5C

#38796C

#4E887D

#64978D

#7AA69D

#91B5AE

#A7C3BE

#BDD2CE

#D3E1DE

#E9F0EF

#226a5c Gray Shades

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

#226A5C

#2B6C60

#356E63

#3E7167

#48736A

#51756E

#5A7772

#647975

#6D7C79

#777E7C

#226a5c Dark Shades

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

#226A5C

#1F5F53

#1B554A

#184A40

#144037

#11352E

#0E2A25

#0A201C

#071512

#030B09

#226a5c Red Shades

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

#226A5C

#385F53

#4E554A

#644A40

#7A4037

#91352E

#A72A25

#BD201C

#D31512

#E90B09

#226a5c Green Shades

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

#226A5C

#1F6C53

#1B6E4A

#187140

#147337

#11752E

#0E7725

#0A791C

#077C12

#037E09

#226a5c Blue Shades

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

#226A5C

#1F5F6C

#1B557D

#184A8D

#14409D

#1135AE

#0E2ABE

#0A20CE

#0715DE

#030BEF

Readability Analysis

#226a5c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.39	AA	Sample Text
Black	3.28	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.34	Fail	Sample Text

#226a5c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.39	AA	Sample Text
Black	3.28	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.34	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4b6359`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e615f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b6868`
Protanopia	No red perception - Dichromacy	`#635f57`
Deuteranopia	No green perception - Dichromacy	`#685c61`
Tritanopia	No blue perception - Dichromacy	`#30676f`
Achromatomaly	Partial color blindness - Monochromacy	`#45605b`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#226a5c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#226a5c Light Tints

#226a5c Gray Shades

#226a5c Dark Shades

#226a5c Red Shades

#226a5c Green Shades

#226a5c Blue Shades

Readability Analysis

#226a5c as Text Color

#226a5c as Background Color

Color Blindness Simulation

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

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

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

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

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

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