0 views

#22f51a - Color Information

#22f51a

Base Information

HEX

#22f51a

RGB

34,245,26

HSL

118,92,53

HSV

118,89,96

CMYK

86,0,89,4

LAB

85,-82,78

LCH

85,113,136

XYZ

33,66,12

Web Safe

#33ff33

Web Smart

#22ee22

is dark

luminosity

0.6572

Pantone Color

Combinations

#22f51a complementary
Colors that are opposite to each other, forming a contrasting pair.

#22f51a

#ED1AF5

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

#22f51a

#7F1AF5

#F51A90

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

#22f51a

#1A22F5

#F51A22

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

#22f51a

#1A8FF5

#ED1AF5

#F5801A

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

#22f51a

#ED1AF5

#7F1AF5

#F51A90

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

#22f51a

#1AF580

#1AF5ED

#1A8FF5

Shades

#22f51a Light Tints

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

#22F51A

#38F631

#4EF748

#64F85F

#7AF976

#91FA8D

#A7FBA3

#BDFCBA

#D3FDD1

#E9FEE8

#22f51a Gray Shades

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

#22F51A

#2BE924

#35DE2E

#3ED239

#48C643

#51BB4D

#5AAF57

#64A361

#6D976C

#778C76

#22f51a Dark Shades

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

#22F51A

#1FDD17

#1BC415

#18AC12

#149310

#117B0D

#0E620A

#0A4908

#073105

#031803

#22f51a Red Shades

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

#22F51A

#38DD17

#4EC415

#64AC12

#7A9310

#917B0D

#A7620A

#BD4908

#D33105

#E91803

#22f51a Green Shades

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

#22F51A

#1FE917

#1BDE15

#18D212

#14C610

#11BB0D

#0EAF0A

#0AA308

#079705

#038C03

#22f51a Blue Shades

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

#22F51A

#1FDD31

#1BC448

#18AC5F

#149376

#117B8D

#0E62A3

#0A49BA

#0731D1

#0318E8

Readability Analysis

#22f51a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.14	AAA	Sample Text
Red	2.69	Fail	Sample Text
Green	3.46	A	Sample Text
Blue	5.79	AA	Sample Text

#22f51a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.14	AAA	Sample Text
Red	2.69	Fail	Sample Text
Green	3.46	A	Sample Text
Blue	5.79	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a4e017`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#afda56`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#56eaa5`
Protanopia	No red perception - Dichromacy	`#efd316`
Deuteranopia	No green perception - Dichromacy	`#ffcb78`
Tritanopia	No blue perception - Dichromacy	`#74e3f5`
Achromatomaly	Partial color blindness - Monochromacy	`#82ce7f`
Achromatopsia	Complete color blindness - Monochromacy	`#b8b8b8`

#22f51a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#22f51a complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#22f51a Light Tints

#22f51a Gray Shades

#22f51a Dark Shades

#22f51a Red Shades

#22f51a Green Shades

#22f51a Blue Shades

Readability Analysis

#22f51a as Text Color

#22f51a as Background Color

Color Blindness Simulation

#22f51a complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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