0 views

#a3ccfe - Color Information

#a3ccfe

Base Information

HEX

#a3ccfe

RGB

163,204,254

HSL

213,98,82

HSV

213,36,100

CMYK

36,20,0,0

LAB

81,-2,-29

LCH

81,29,267

XYZ

55,58,102

Web Safe

#99ccff

Web Smart

#aaccff

is dark

luminosity

0.5813

Pantone Color

Combinations

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

#a3ccfe

#FED5A3

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

#a3ccfe

#FEA8A3

#F9FEA3

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

#a3ccfe

#FEA3CC

#CCFEA3

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

#a3ccfe

#FEA3F9

#FED5A3

#A3FEA8

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

#a3ccfe

#FED5A3

#FEA8A3

#F9FEA3

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

#a3ccfe

#A7A3FE

#D5A3FE

#FEA3F9

Shades

#a3ccfe Light Tints

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

#A3CCFE

#ACD1FE

#B5D6FE

#BFDBFE

#C8E0FE

#D1E6FF

#DAEBFF

#E3F0FF

#EDF5FF

#F6FAFF

#a3ccfe Gray Shades

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

#A3CCFE

#A0C4F1

#9CBDE5

#99B5D8

#95AECC

#92A6BF

#8E9EB2

#8B97A6

#878F99

#84888D

#a3ccfe Dark Shades

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

#A3CCFE

#93B8E5

#82A3CB

#728FB2

#627A98

#52667F

#415266

#313D4C

#212933

#101419

#a3ccfe Red Shades

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

#A3CCFE

#ACB8E5

#B5A3CB

#BF8FB2

#C87A98

#D1667F

#DA5266

#E33D4C

#ED2933

#F61419

#a3ccfe Green Shades

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

#A3CCFE

#93C4E5

#82BDCB

#72B5B2

#62AE98

#52A67F

#419E66

#31974C

#218F33

#108819

#a3ccfe Blue Shades

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

#A3CCFE

#93B8FE

#82A3FE

#728FFE

#627AFE

#5266FF

#4152FF

#313DFF

#2129FF

#1014FF

Readability Analysis

#a3ccfe as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

#a3ccfe as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b1c8fc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b3c7ff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#9dcfeb`
Protanopia	No red perception - Dichromacy	`#bac5fa`
Deuteranopia	No green perception - Dichromacy	`#bcc4ff`
Tritanopia	No blue perception - Dichromacy	`#99d0e1`
Achromatomaly	Partial color blindness - Monochromacy	`#bac9db`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#a3ccfe - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3ccfe Light Tints

#a3ccfe Gray Shades

#a3ccfe Dark Shades

#a3ccfe Red Shades

#a3ccfe Green Shades

#a3ccfe Blue Shades

Readability Analysis

#a3ccfe as Text Color

#a3ccfe as Background Color

Color Blindness Simulation

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

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

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

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

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

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