0 views

#a7e8ef - Color Information

#a7e8ef

Base Information

HEX

#a7e8ef

RGB

167,232,239

HSL

186,69,80

HSV

186,30,94

CMYK

30,3,0,6

LAB

88,-19,-10

LCH

88,21,208

XYZ

60,72,92

Web Safe

#99ffff

Web Smart

#aaeeee

is dark

luminosity

0.7216

Pantone Color

Combinations

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

#a7e8ef

#EFAEA7

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

#a7e8ef

#EFA7C4

#EFD2A7

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

#a7e8ef

#EFA7E8

#E8EFA7

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

#a7e8ef

#D2A7EF

#EFAEA7

#C4EFA7

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

#a7e8ef

#EFAEA7

#EFA7C4

#EFD2A7

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

#a7e8ef

#A7C4EF

#AEA7EF

#D2A7EF

Shades

#a7e8ef Light Tints

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

#A7E8EF

#B0EAF1

#B9EDF2

#C1EFF4

#CAF1F5

#D3F4F7

#DCF6F9

#E5F8FA

#EDFAFC

#F6FDFD

#a7e8ef Gray Shades

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

#A7E8EF

#A3DEE4

#9FD3D9

#9BC9CE

#97BEC3

#94B4B8

#90AAAC

#8C9FA1

#889596

#848A8B

#a7e8ef Dark Shades

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

#A7E8EF

#96D1D7

#86BABF

#75A2A7

#648B8F

#547478

#435D60

#324648

#212E30

#111718

#a7e8ef Red Shades

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

#A7E8EF

#B0D1D7

#B9BABF

#C1A2A7

#CA8B8F

#D37478

#DC5D60

#E54648

#ED2E30

#F61718

#a7e8ef Green Shades

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

#A7E8EF

#96DED7

#86D3BF

#75C9A7

#64BE8F

#54B478

#43AA60

#329F48

#219530

#118A18

#a7e8ef Blue Shades

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

#A7E8EF

#96D1F1

#86BAF2

#75A2F4

#648BF5

#5474F7

#435DF9

#3246FA

#212EFC

#1117FD

Readability Analysis

#a7e8ef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.43	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.78	A	Sample Text
Blue	6.31	AA	Sample Text

#a7e8ef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.43	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.78	A	Sample Text
Blue	6.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9dfea`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cfddf3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a8e7f5`
Protanopia	No red perception - Dichromacy	`#dcdae7`
Deuteranopia	No green perception - Dichromacy	`#e6d6f5`
Tritanopia	No blue perception - Dichromacy	`#a8e6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#c8e0e2`
Achromatopsia	Complete color blindness - Monochromacy	`#dbdbdb`

#a7e8ef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a7e8ef Light Tints

#a7e8ef Gray Shades

#a7e8ef Dark Shades

#a7e8ef Red Shades

#a7e8ef Green Shades

#a7e8ef Blue Shades

Readability Analysis

#a7e8ef as Text Color

#a7e8ef as Background Color

Color Blindness Simulation

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

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

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

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

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

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