0 views

#a3ccfd - Color Information

#a3ccfd

Base Information

HEX

#a3ccfd

RGB

163,204,253

HSL

213,96,82

HSV

213,36,99

CMYK

36,19,0,1

LAB

81,-2,-28

LCH

81,28,266

XYZ

54,58,101

Web Safe

#99ccff

Web Smart

#aaccff

is dark

luminosity

0.5806

Pantone Color

Combinations

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

#a3ccfd

#FDD4A3

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

#a3ccfd

#FDA7A3

#F9FDA3

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

#a3ccfd

#FDA3CC

#CCFDA3

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

#a3ccfd

#FDA3F9

#FDD4A3

#A3FDA7

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

#a3ccfd

#FDD4A3

#FDA7A3

#F9FDA3

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

#a3ccfd

#A7A3FD

#D4A3FD

#FDA3F9

Shades

#a3ccfd Light Tints

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

#A3CCFD

#ACD1FD

#B5D6FD

#BFDBFE

#C8E0FE

#D1E6FE

#DAEBFE

#E3F0FE

#EDF5FF

#F6FAFF

#a3ccfd Gray Shades

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

#A3CCFD

#A0C4F1

#9CBDE4

#99B5D8

#95AECB

#92A6BF

#8E9EB2

#8B97A6

#878F99

#84888D

#a3ccfd Dark Shades

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

#A3CCFD

#93B8E4

#82A3CA

#728FB1

#627A98

#52667F

#415265

#313D4C

#212933

#101419

#a3ccfd Red Shades

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

#A3CCFD

#ACB8E4

#B5A3CA

#BF8FB1

#C87A98

#D1667F

#DA5265

#E33D4C

#ED2933

#F61419

#a3ccfd Green Shades

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

#A3CCFD

#93C4E4

#82BDCA

#72B5B1

#62AE98

#52A67F

#419E65

#31974C

#218F33

#108819

#a3ccfd Blue Shades

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

#A3CCFD

#93B8FD

#82A3FD

#728FFE

#627AFE

#5266FE

#4152FE

#313DFE

#2129FF

#1014FF

Readability Analysis

#a3ccfd as Text Color

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

#a3ccfd as Background Color

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

Color Blindness Simulation

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

#a3ccfd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3ccfd Light Tints

#a3ccfd Gray Shades

#a3ccfd Dark Shades

#a3ccfd Red Shades

#a3ccfd Green Shades

#a3ccfd Blue Shades

Readability Analysis

#a3ccfd as Text Color

#a3ccfd as Background Color

Color Blindness Simulation

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

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

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

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

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

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