0 views

#7af3a8 - Color Information

#7af3a8

Base Information

HEX

#7af3a8

RGB

122,243,168

HSL

143,83,72

HSV

143,50,95

CMYK

50,0,31,5

LAB

88,-50,26

LCH

88,57,153

XYZ

47,71,48

Web Safe

#66ff99

Web Smart

#77eeaa

is dark

luminosity

0.7107

Pantone Color

Combinations

#7af3a8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#7af3a8

#F37AC5

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

#7af3a8

#E47AF3

#F37A88

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

#7af3a8

#A87AF3

#F3A87A

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

#7af3a8

#7A88F3

#F37AC5

#F3E47A

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

#7af3a8

#F37AC5

#E47AF3

#F37A88

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

#7af3a8

#7AF3E5

#7AC5F3

#7A88F3

Shades

#7af3a8 Light Tints

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

#7AF3A8

#87F4B1

#95F5B9

#A2F7C2

#AFF8CB

#BDF9D4

#CAFADC

#D7FBE5

#E4FDEE

#F2FEF6

#7af3a8 Gray Shades

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

#7AF3A8

#7BE8A4

#7BDCA0

#7CD19C

#7CC598

#7DBA94

#7EAE90

#7EA38C

#7F9788

#7F8C84

#7af3a8 Dark Shades

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

#7AF3A8

#6EDB97

#62C286

#55AA76

#499265

#3D7A54

#316143

#254932

#183122

#0C1811

#7af3a8 Red Shades

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

#7AF3A8

#87DB97

#95C286

#A2AA76

#AF9265

#BD7A54

#CA6143

#D74932

#E43122

#F21811

#7af3a8 Green Shades

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

#7AF3A8

#6EE897

#62DC86

#55D176

#49C565

#3DBA54

#31AE43

#25A332

#189722

#0C8C11

#7af3a8 Blue Shades

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

#7AF3A8

#6EDBB1

#62C2B9

#55AAC2

#4992CB

#3D7AD4

#3161DC

#2549E5

#1831EE

#0C18F6

Readability Analysis

#7af3a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.21	AAA	Sample Text
Red	2.90	Fail	Sample Text
Green	3.72	A	Sample Text
Blue	6.22	AA	Sample Text

#7af3a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.21	AAA	Sample Text
Red	2.90	Fail	Sample Text
Green	3.72	A	Sample Text
Blue	6.22	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2e3a1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cfdeae`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#89ecdc`
Protanopia	No red perception - Dichromacy	`#ecda9d`
Deuteranopia	No green perception - Dichromacy	`#ffd2b2`
Tritanopia	No blue perception - Dichromacy	`#92e8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#b3dfc4`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#7af3a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#7af3a8 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#7af3a8 Light Tints

#7af3a8 Gray Shades

#7af3a8 Dark Shades

#7af3a8 Red Shades

#7af3a8 Green Shades

#7af3a8 Blue Shades

Readability Analysis

#7af3a8 as Text Color

#7af3a8 as Background Color

Color Blindness Simulation

#7af3a8 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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