0 views

#a3f8ef - Color Information

#a3f8ef

Base Information

HEX

#a3f8ef

RGB

163,248,239

HSL

174,86,81

HSV

174,34,97

CMYK

34,0,4,3

LAB

92,-28,-4

LCH

92,28,188

XYZ

64,81,94

Web Safe

#99ffff

Web Smart

#aaffee

is dark

luminosity

0.8115

Pantone Color

Combinations

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

#a3f8ef

#F8A3AC

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

#a3f8ef

#F8A3D7

#F8C4A3

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

#a3f8ef

#EFA3F8

#F8EFA3

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

#a3f8ef

#C4A3F8

#F8A3AC

#D7F8A3

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

#a3f8ef

#F8A3AC

#F8A3D7

#F8C4A3

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

#a3f8ef

#A3D7F8

#A3ACF8

#C4A3F8

Shades

#a3f8ef Light Tints

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

#A3F8EF

#ACF9F1

#B5F9F2

#BFFAF4

#C8FBF5

#D1FCF7

#DAFCF9

#E3FDFA

#EDFEFC

#F6FEFD

#a3f8ef Gray Shades

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

#A3F8EF

#A0ECE4

#9CE0D9

#99D4CE

#95C8C3

#92BCB8

#8EB0AC

#8BA4A1

#879896

#848C8B

#a3f8ef Dark Shades

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

#A3F8EF

#93DFD7

#82C6BF

#72AEA7

#62958F

#527C78

#416360

#314A48

#213230

#101918

#a3f8ef Red Shades

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

#A3F8EF

#ACDFD7

#B5C6BF

#BFAEA7

#C8958F

#D17C78

#DA6360

#E34A48

#ED3230

#F61918

#a3f8ef Green Shades

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

#A3F8EF

#93ECD7

#82E0BF

#72D4A7

#62C88F

#52BC78

#41B060

#31A448

#219830

#108C18

#a3f8ef Blue Shades

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

#A3F8EF

#93DFF1

#82C6F2

#72AEF4

#6295F5

#527CF7

#4163F9

#314AFA

#2132FC

#1019FD

Readability Analysis

#a3f8ef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.23	AAA	Sample Text
Red	3.28	A	Sample Text
Green	4.22	A	Sample Text
Blue	7.05	AAA	Sample Text

#a3f8ef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.23	AAA	Sample Text
Red	3.28	A	Sample Text
Green	4.22	A	Sample Text
Blue	7.05	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2ede9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d9e9f4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3f3f9`
Protanopia	No red perception - Dichromacy	`#ede7e5`
Deuteranopia	No green perception - Dichromacy	`#f9e1f6`
Tritanopia	No blue perception - Dichromacy	`#bdf1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#cdece9`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#a3f8ef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3f8ef Light Tints

#a3f8ef Gray Shades

#a3f8ef Dark Shades

#a3f8ef Red Shades

#a3f8ef Green Shades

#a3f8ef Blue Shades

Readability Analysis

#a3f8ef as Text Color

#a3f8ef as Background Color

Color Blindness Simulation

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

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

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

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

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

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