0 views

#22fce2 - Color Information

#22fce2

Base Information

HEX

#22fce2

RGB

34,252,226

HSL

173,97,56

HSV

173,87,99

CMYK

87,0,10,1

LAB

90,-54,-1

LCH

90,54,181

XYZ

49,75,84

Web Safe

#33ffcc

Web Smart

#22ffdd

is dark

luminosity

0.7545

Pantone Color

Combinations

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

#22fce2

#FC223C

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

#22fce2

#FC22A9

#FC7522

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

#22fce2

#E222FC

#FCE222

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

#22fce2

#7522FC

#FC223C

#A9FC22

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

#22fce2

#FC223C

#FC22A9

#FC7522

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

#22fce2

#22A9FC

#223CFC

#7522FC

Shades

#22fce2 Light Tints

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

#22FCE2

#38FCE5

#4EFDE8

#64FDEB

#7AFDEE

#91FEF1

#A7FEF3

#BDFEF6

#D3FEF9

#E9FFFC

#22fce2 Gray Shades

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

#22FCE2

#2BF0D8

#35E3CE

#3ED7C5

#48CABB

#51BEB1

#5AB2A7

#64A59D

#6D9994

#778C8A

#22fce2 Dark Shades

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

#22FCE2

#1FE3CB

#1BCAB5

#18B09E

#149788

#117E71

#0E655A

#0A4C44

#07322D

#031917

#22fce2 Red Shades

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

#22FCE2

#38E3CB

#4ECAB5

#64B09E

#7A9788

#917E71

#A7655A

#BD4C44

#D3322D

#E91917

#22fce2 Green Shades

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

#22FCE2

#1FF0CB

#1BE3B5

#18D79E

#14CA88

#11BE71

#0EB25A

#0AA544

#07992D

#038C17

#22fce2 Blue Shades

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

#22FCE2

#1FE3E5

#1BCAE8

#18B0EB

#1497EE

#117EF1

#0E65F3

#0A4CF6

#0732F9

#0319FC

Readability Analysis

#22fce2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.31	Fail	Sample Text
Black	16.09	AAA	Sample Text
Red	3.06	A	Sample Text
Green	3.94	A	Sample Text
Blue	6.58	AA	Sample Text

#22fce2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.31	Fail	Sample Text
Black	16.09	AAA	Sample Text
Red	3.06	A	Sample Text
Green	3.94	A	Sample Text
Blue	6.58	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a0ead8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a6e6e9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#65f4f4`
Protanopia	No red perception - Dichromacy	`#e8dfd3`
Deuteranopia	No green perception - Dichromacy	`#f1daed`
Tritanopia	No blue perception - Dichromacy	`#8bf0ff`
Achromatomaly	Partial color blindness - Monochromacy	`#8eddd4`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#22fce2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22fce2 Light Tints

#22fce2 Gray Shades

#22fce2 Dark Shades

#22fce2 Red Shades

#22fce2 Green Shades

#22fce2 Blue Shades

Readability Analysis

#22fce2 as Text Color

#22fce2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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