0 views

#22fd1f - Color Information

#22fd1f

Base Information

HEX

#22fd1f

RGB

34,253,31

HSL

119,98,56

HSV

119,88,99

CMYK

87,0,88,1

LAB

87,-84,80

LCH

87,115,136

XYZ

36,71,13

Web Safe

#33ff33

Web Smart

#22ff22

is dark

luminosity

0.7069

Pantone Color

Combinations

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

#22fd1f

#FA1FFD

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

#22fd1f

#8B1FFD

#FD1F91

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

#22fd1f

#1F22FD

#FD1F22

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

#22fd1f

#1F91FD

#FA1FFD

#FD8B1F

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

#22fd1f

#FA1FFD

#8B1FFD

#FD1F91

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

#22fd1f

#1FFD8B

#1FFDFA

#1F91FD

Shades

#22fd1f Light Tints

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

#22FD1F

#38FD35

#4EFD4C

#64FE62

#7AFE79

#91FE8F

#A7FEA5

#BDFEBC

#D3FFD2

#E9FFE9

#22fd1f Gray Shades

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

#22FD1F

#2BF129

#35E432

#3ED83C

#48CB46

#51BF50

#5AB259

#64A663

#6D996D

#778D76

#22fd1f Dark Shades

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

#22FD1F

#1FE41C

#1BCA19

#18B116

#149813

#117F10

#0E650C

#0A4C09

#073306

#031903

#22fd1f Red Shades

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

#22FD1F

#38E41C

#4ECA19

#64B116

#7A9813

#917F10

#A7650C

#BD4C09

#D33306

#E91903

#22fd1f Green Shades

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

#22FD1F

#1FF11C

#1BE419

#18D816

#14CB13

#11BF10

#0EB20C

#0AA609

#079906

#038D03

#22fd1f Blue Shades

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

#22FD1F

#1FE435

#1BCA4C

#18B162

#149879

#117F8F

#0E65A5

#0A4CBC

#0733D2

#0319E9

Readability Analysis

#22fd1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.14	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

#22fd1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.14	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a9e71c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#afe26a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#58f1ad`
Protanopia	No red perception - Dichromacy	`#f7da1b`
Deuteranopia	No green perception - Dichromacy	`#ffd395`
Tritanopia	No blue perception - Dichromacy	`#77ebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#86d584`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#22fd1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22fd1f Light Tints

#22fd1f Gray Shades

#22fd1f Dark Shades

#22fd1f Red Shades

#22fd1f Green Shades

#22fd1f Blue Shades

Readability Analysis

#22fd1f as Text Color

#22fd1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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