0 views

#226a6c - Color Information

#226a6c

Base Information

HEX

#226a6c

RGB

34,106,108

HSL

182,52,28

HSV

182,69,42

CMYK

69,2,0,58

LAB

41,-21,-8

LCH

41,22,200

XYZ

9,12,16

Web Safe

#336666

Web Smart

#226666

is dark

Yes

luminosity

0.1173

Pantone Color

Combinations

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

#226a6c

#6C2422

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

#226a6c

#6C2245

#6C4922

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

#226a6c

#6C226A

#6A6C22

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

#226a6c

#49226C

#6C2422

#456C22

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

#226a6c

#6C2422

#6C2245

#6C4922

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

#226a6c

#22456C

#24226C

#49226C

Shades

#226a6c Light Tints

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

#226A6C

#38797B

#4E8889

#649798

#7AA6A7

#91B5B6

#A7C3C4

#BDD2D3

#D3E1E2

#E9F0F0

#226a6c Gray Shades

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

#226A6C

#2B6C6E

#356E70

#3E7172

#487374

#517576

#5A7778

#64797A

#6D7C7C

#777E7E

#226a6c Dark Shades

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

#226A6C

#1F5F61

#1B5556

#184A4C

#144041

#113536

#0E2A2B

#0A2020

#071516

#030B0B

#226a6c Red Shades

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

#226A6C

#385F61

#4E5556

#644A4C

#7A4041

#913536

#A72A2B

#BD2020

#D31516

#E90B0B

#226a6c Green Shades

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

#226A6C

#1F6C61

#1B6E56

#18714C

#147341

#117536

#0E772B

#0A7920

#077C16

#037E0B

#226a6c Blue Shades

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

#226A6C

#1F5F7B

#1B5589

#184A98

#1440A7

#1135B6

#0E2AC4

#0A20D3

#0715E2

#030BF0

Readability Analysis

#226a6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.28	AA	Sample Text
Black	3.35	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

#226a6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.28	AA	Sample Text
Black	3.35	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4a6368`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4b626f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#27696f`
Protanopia	No red perception - Dichromacy	`#606066`
Deuteranopia	No green perception - Dichromacy	`#625e70`
Tritanopia	No blue perception - Dichromacy	`#2a6971`
Achromatomaly	Partial color blindness - Monochromacy	`#466061`
Achromatopsia	Complete color blindness - Monochromacy	`#5b5b5b`

#226a6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#226a6c Light Tints

#226a6c Gray Shades

#226a6c Dark Shades

#226a6c Red Shades

#226a6c Green Shades

#226a6c Blue Shades

Readability Analysis

#226a6c as Text Color

#226a6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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