0 views

#22e85f - Color Information

#22e85f

Base Information

HEX

#22e85f

RGB

34,232,95

HSL

138,81,52

HSV

138,85,91

CMYK

85,0,59,9

LAB

81,-73,53

LCH

81,90,144

XYZ

32,59,21

Web Safe

#33ff66

Web Smart

#22ee66

is dark

luminosity

0.5888

Pantone Color

Combinations

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

#22e85f

#E822AB

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

#22e85f

#C222E8

#E82248

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

#22e85f

#5F22E8

#E85F22

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

#22e85f

#2248E8

#E822AB

#E8C222

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

#22e85f

#E822AB

#C222E8

#E82248

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

#22e85f

#22E8C2

#22ABE8

#2248E8

Shades

#22e85f Light Tints

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

#22E85F

#38EA6F

#4EED7F

#64EF8F

#7AF19F

#91F4AF

#A7F6BF

#BDF8CF

#D3FADF

#E9FDEF

#22e85f Gray Shades

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

#22E85F

#2BDE62

#35D366

#3EC969

#48BE6C

#51B470

#5AAA73

#649F76

#6D9579

#778A7D

#22e85f Dark Shades

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

#22E85F

#1FD156

#1BBA4C

#18A243

#148B39

#117430

#0E5D26

#0A461C

#072E13

#031709

#22e85f Red Shades

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

#22E85F

#38D156

#4EBA4C

#64A243

#7A8B39

#917430

#A75D26

#BD461C

#D32E13

#E91709

#22e85f Green Shades

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

#22E85F

#1FDE56

#1BD34C

#18C943

#14BE39

#11B430

#0EAA26

#0A9F1C

#079513

#038A09

#22e85f Blue Shades

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

#22E85F

#1FD16F

#1BBA7F

#18A28F

#148B9F

#1174AF

#0E5DBF

#0A46CF

#072EDF

#0317EF

Readability Analysis

#22e85f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.78	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.23	AA	Sample Text

#22e85f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.78	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.23	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9bd45a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#aace68`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4fdeb7`
Protanopia	No red perception - Dichromacy	`#e0c957`
Deuteranopia	No green perception - Dichromacy	`#f7bf6e`
Tritanopia	No blue perception - Dichromacy	`#69d9ea`
Achromatomaly	Partial color blindness - Monochromacy	`#7fc795`
Achromatopsia	Complete color blindness - Monochromacy	`#b4b4b4`

#22e85f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22e85f Light Tints

#22e85f Gray Shades

#22e85f Dark Shades

#22e85f Red Shades

#22e85f Green Shades

#22e85f Blue Shades

Readability Analysis

#22e85f as Text Color

#22e85f as Background Color

Color Blindness Simulation

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

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

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

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

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

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