0 views

#7af6f2 - Color Information

#7af6f2

Base Information

HEX

#7af6f2

RGB

122,246,242

HSL

178,87,72

HSV

178,50,96

CMYK

50,0,2,4

LAB

90,-36,-9

LCH

90,37,194

XYZ

57,76,96

Web Safe

#66ffff

Web Smart

#77eeee

is dark

luminosity

0.7646

Pantone Color

Combinations

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

#7af6f2

#F67A7E

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

#7af6f2

#F67ABC

#F6B47A

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

#7af6f2

#F27AF6

#F6F27A

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

#7af6f2

#B47AF6

#F67A7E

#BCF67A

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

#7af6f2

#F67A7E

#F67ABC

#F6B47A

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

#7af6f2

#7ABCF6

#7A7EF6

#B47AF6

Shades

#7af6f2 Light Tints

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

#7AF6F2

#87F7F3

#95F8F5

#A2F9F6

#AFFAF7

#BDFBF9

#CAFBFA

#D7FCFB

#E4FDFC

#F2FEFE

#7af6f2 Gray Shades

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

#7AF6F2

#7BEAE7

#7BDEDB

#7CD3D0

#7CC7C4

#7DBBB9

#7EAFAE

#7EA3A2

#7F9897

#7F8C8B

#7af6f2 Dark Shades

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

#7AF6F2

#6EDDDA

#62C5C2

#55ACA9

#499491

#3D7B79

#316261

#254A49

#183130

#0C1918

#7af6f2 Red Shades

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

#7AF6F2

#87DDDA

#95C5C2

#A2ACA9

#AF9491

#BD7B79

#CA6261

#D74A49

#E43130

#F21918

#7af6f2 Green Shades

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

#7AF6F2

#6EEADA

#62DEC2

#55D3A9

#49C791

#3DBB79

#31AF61

#25A349

#189830

#0C8C18

#7af6f2 Blue Shades

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

#7AF6F2

#6EDDF3

#62C5F5

#55ACF6

#4994F7

#3D7BF9

#3162FA

#254AFB

#1831FC

#0C19FE

Readability Analysis

#7af6f2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.29	AAA	Sample Text
Red	3.10	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.67	AA	Sample Text

#7af6f2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.29	AAA	Sample Text
Red	3.10	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bee8ea`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c3e5f8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#8ff2fa`
Protanopia	No red perception - Dichromacy	`#e4e0e6`
Deuteranopia	No green perception - Dichromacy	`#ecdcfb`
Tritanopia	No blue perception - Dichromacy	`#9befff`
Achromatomaly	Partial color blindness - Monochromacy	`#b8e5e4`
Achromatopsia	Complete color blindness - Monochromacy	`#dbdbdb`

#7af6f2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#7af6f2 Light Tints

#7af6f2 Gray Shades

#7af6f2 Dark Shades

#7af6f2 Red Shades

#7af6f2 Green Shades

#7af6f2 Blue Shades

Readability Analysis

#7af6f2 as Text Color

#7af6f2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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