0 views

#22f8d9 - Color Information

#22f8d9

Base Information

HEX

#22f8d9

RGB

34,248,217

HSL

171,94,55

HSV

171,86,97

CMYK

86,0,13,3

LAB

88,-54,1

LCH

88,54,179

XYZ

47,72,77

Web Safe

#33ffcc

Web Smart

#22ffdd

is dark

luminosity

0.7248

Pantone Color

Combinations

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

#22f8d9

#F82241

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

#22f8d9

#F822AC

#F86E22

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

#22f8d9

#D922F8

#F8D922

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

#22f8d9

#6E22F8

#F82241

#ACF822

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

#22f8d9

#F82241

#F822AC

#F86E22

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

#22f8d9

#22ACF8

#2241F8

#6E22F8

Shades

#22f8d9 Light Tints

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

#22F8D9

#38F9DD

#4EF9E1

#64FAE4

#7AFBE8

#91FCEC

#A7FCF0

#BDFDF4

#D3FEF7

#E9FEFB

#22f8d9 Gray Shades

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

#22F8D9

#2BECD0

#35E0C7

#3ED4BE

#48C8B5

#51BCAD

#5AB0A4

#64A49B

#6D9892

#778C89

#22f8d9 Dark Shades

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

#22F8D9

#1FDFC3

#1BC6AE

#18AE98

#149582

#117C6D

#0E6357

#0A4A41

#07322B

#031916

#22f8d9 Red Shades

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

#22F8D9

#38DFC3

#4EC6AE

#64AE98

#7A9582

#917C6D

#A76357

#BD4A41

#D3322B

#E91916

#22f8d9 Green Shades

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

#22F8D9

#1FECC3

#1BE0AE

#18D498

#14C882

#11BC6D

#0EB057

#0AA441

#07982B

#038C16

#22f8d9 Blue Shades

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

#22F8D9

#1FDFDD

#1BC6E1

#18AEE4

#1495E8

#117CEC

#0E63F0

#0A4AF4

#0732F7

#0319FB

Readability Analysis

#22f8d9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.50	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

#22f8d9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.50	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ee6cf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a4e2e0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#56f2f1`
Protanopia	No red perception - Dichromacy	`#e5dbca`
Deuteranopia	No green perception - Dichromacy	`#efd6e4`
Tritanopia	No blue perception - Dichromacy	`#73eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#8cdace`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#22f8d9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22f8d9 Light Tints

#22f8d9 Gray Shades

#22f8d9 Dark Shades

#22f8d9 Red Shades

#22f8d9 Green Shades

#22f8d9 Blue Shades

Readability Analysis

#22f8d9 as Text Color

#22f8d9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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