0 views

#22e7cf - Color Information

#22e7cf

Base Information

HEX

#22e7cf

RGB

34,231,207

HSL

173,80,52

HSV

173,85,91

CMYK

85,0,10,9

LAB

83,-50,-1

LCH

83,50,181

XYZ

40,62,69

Web Safe

#33ffcc

Web Smart

#22eecc

is dark

luminosity

0.6200

Pantone Color

Combinations

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

#22e7cf

#E7223A

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

#22e7cf

#E7229C

#E76D22

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

#22e7cf

#CF22E7

#E7CF22

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

#22e7cf

#6D22E7

#E7223A

#9CE722

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

#22e7cf

#E7223A

#E7229C

#E76D22

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

#22e7cf

#229CE7

#223AE7

#6D22E7

Shades

#22e7cf Light Tints

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

#22E7CF

#38E9D4

#4EECD9

#64EEDD

#7AF1E2

#91F3E7

#A7F5EC

#BDF8F1

#D3FAF5

#E9FDFA

#22e7cf Gray Shades

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

#22E7CF

#2BDDC7

#35D2BF

#3EC8B7

#48BEAF

#51B4A8

#5AA9A0

#649F98

#6D9590

#778A88

#22e7cf Dark Shades

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

#22E7CF

#1FD0BA

#1BB9A6

#18A291

#148B7C

#117468

#0E5C53

#0A453E

#072E29

#031715

#22e7cf Red Shades

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

#22E7CF

#38D0BA

#4EB9A6

#64A291

#7A8B7C

#917468

#A75C53

#BD453E

#D32E29

#E91715

#22e7cf Green Shades

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

#22E7CF

#1FDDBA

#1BD2A6

#18C891

#14BE7C

#11B468

#0EA953

#0A9F3E

#079529

#038A15

#22e7cf Blue Shades

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

#22E7CF

#1FD0D4

#1BB9D9

#18A2DD

#148BE2

#1174E7

#0E5CEC

#0A45F1

#072EF5

#0317FA

Readability Analysis

#22e7cf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.40	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.48	AA	Sample Text

#22e7cf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.40	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.48	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#93d6c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#99d3d5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3be3e6`
Protanopia	No red perception - Dichromacy	`#d4ccc0`
Deuteranopia	No green perception - Dichromacy	`#dcc7d9`
Tritanopia	No blue perception - Dichromacy	`#49e1f3`
Achromatomaly	Partial color blindness - Monochromacy	`#84cbc3`
Achromatopsia	Complete color blindness - Monochromacy	`#bbbbbb`

#22e7cf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22e7cf Light Tints

#22e7cf Gray Shades

#22e7cf Dark Shades

#22e7cf Red Shades

#22e7cf Green Shades

#22e7cf Blue Shades

Readability Analysis

#22e7cf as Text Color

#22e7cf as Background Color

Color Blindness Simulation

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

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

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

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

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

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