0 views

#97e2cc - Color Information

#97e2cc

Base Information

HEX

#97e2cc

RGB

151,226,204

HSL

162,56,74

HSV

162,33,89

CMYK

33,0,10,11

LAB

85,-28,3

LCH

85,28,173

XYZ

51,65,67

Web Safe

#99cccc

Web Smart

#99ddcc

is dark

luminosity

0.6533

Pantone Color

Combinations

#97e2cc complementary
Colors that are opposite to each other, forming a contrasting pair.

#97e2cc

#E297AD

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

#97e2cc

#E297D2

#E2A797

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

#97e2cc

#CC97E2

#E2CC97

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

#97e2cc

#A797E2

#E297AD

#D2E297

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

#97e2cc

#E297AD

#E297D2

#E2A797

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

#97e2cc

#97D2E2

#97ADE2

#A797E2

Shades

#97e2cc Light Tints

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

#97E2CC

#A1E5D1

#ACE8D6

#B6EBDB

#C1EEE0

#CBF1E6

#D5F3EB

#E0F6F0

#EAF9F5

#F5FCFA

#97e2cc Gray Shades

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

#97E2CC

#95D8C4

#92CEBD

#90C5B5

#8EBBAE

#8CB1A6

#89A79E

#879D97

#85948F

#828A88

#97e2cc Dark Shades

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

#97E2CC

#88CBB8

#79B5A3

#6A9E8F

#5B887A

#4C7166

#3C5A52

#2D443D

#1E2D29

#0F1714

#97e2cc Red Shades

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

#97E2CC

#A1CBB8

#ACB5A3

#B69E8F

#C1887A

#CB7166

#D55A52

#E0443D

#EA2D29

#F51714

#97e2cc Green Shades

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

#97E2CC

#88D8B8

#79CEA3

#6AC58F

#5BBB7A

#4CB166

#3CA752

#2D9D3D

#1E9429

#0F8A14

#97e2cc Blue Shades

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

#97E2CC

#88CBD1

#79B5D6

#6A9EDB

#5B88E0

#4C71E6

#3C5AEB

#2D44F0

#1E2DF5

#0F17FA

Readability Analysis

#97e2cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

#97e2cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2d7c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cad4d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#9cdee1`
Protanopia	No red perception - Dichromacy	`#dad1c3`
Deuteranopia	No green perception - Dichromacy	`#e7cbd2`
Tritanopia	No blue perception - Dichromacy	`#9fdced`
Achromatomaly	Partial color blindness - Monochromacy	`#bcd7cf`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#97e2cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#97e2cc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#97e2cc Light Tints

#97e2cc Gray Shades

#97e2cc Dark Shades

#97e2cc Red Shades

#97e2cc Green Shades

#97e2cc Blue Shades

Readability Analysis

#97e2cc as Text Color

#97e2cc as Background Color

Color Blindness Simulation

#97e2cc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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