0 views

#22ece4 - Color Information

#22ece4

Base Information

HEX

#22ece4

RGB

34,236,228

HSL

178,84,53

HSV

178,86,93

CMYK

86,0,3,7

LAB

85,-46,-9

LCH

85,47,191

XYZ

45,66,84

Web Safe

#33ffcc

Web Smart

#22eedd

is dark

luminosity

0.6593

Pantone Color

Combinations

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

#22ece4

#EC222A

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

#22ece4

#EC228F

#EC7F22

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

#22ece4

#E422EC

#ECE422

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

#22ece4

#7F22EC

#EC222A

#8FEC22

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

#22ece4

#EC222A

#EC228F

#EC7F22

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

#22ece4

#228FEC

#222AEC

#7F22EC

Shades

#22ece4 Light Tints

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

#22ECE4

#38EEE7

#4EF0E9

#64F2EC

#7AF4EF

#91F6F2

#A7F7F4

#BDF9F7

#D3FBFA

#E9FDFC

#22ece4 Gray Shades

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

#22ECE4

#2BE1DA

#35D6D0

#3ECCC6

#48C1BC

#51B6B2

#5AABA8

#64A09E

#6D9694

#778B8A

#22ece4 Dark Shades

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

#22ECE4

#1FD4CD

#1BBDB6

#18A5A0

#148E89

#117672

#0E5E5B

#0A4744

#072F2E

#031817

#22ece4 Red Shades

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

#22ECE4

#38D4CD

#4EBDB6

#64A5A0

#7A8E89

#917672

#A75E5B

#BD4744

#D32F2E

#E91817

#22ece4 Green Shades

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

#22ECE4

#1FE1CD

#1BD6B6

#18CCA0

#14C189

#11B672

#0EAB5B

#0AA044

#07962E

#038B17

#22ece4 Blue Shades

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

#22ECE4

#1FD4E7

#1BBDE9

#18A5EC

#148EEF

#1176F2

#0E5EF4

#0A47F7

#072FFA

#0318FC

Readability Analysis

#22ece4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.19	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.47	A	Sample Text
Blue	5.80	AA	Sample Text

#22ece4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.19	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.47	A	Sample Text
Blue	5.80	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#95dbdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#98d9eb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#35e9f2`
Protanopia	No red perception - Dichromacy	`#d6d2d5`
Deuteranopia	No green perception - Dichromacy	`#dbceee`
Tritanopia	No blue perception - Dichromacy	`#40e8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#87d0cd`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#22ece4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22ece4 Light Tints

#22ece4 Gray Shades

#22ece4 Dark Shades

#22ece4 Red Shades

#22ece4 Green Shades

#22ece4 Blue Shades

Readability Analysis

#22ece4 as Text Color

#22ece4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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