0 views

#add2f7 - Color Information

#add2f7

Base Information

HEX

#add2f7

RGB

173,210,247

HSL

210,82,82

HSV

210,30,97

CMYK

30,15,0,3

LAB

83,-4,-22

LCH

83,22,260

XYZ

57,62,97

Web Safe

#99ccff

Web Smart

#aaccff

is dark

luminosity

0.6169

Pantone Color

Combinations

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

#add2f7

#F7D2AD

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

#add2f7

#F7ADAD

#F7F7AD

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

#add2f7

#F7ADD2

#D2F7AD

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

#add2f7

#F7ADF7

#F7D2AD

#ADF7AD

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

#add2f7

#F7D2AD

#F7ADAD

#F7F7AD

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

#add2f7

#ADADF7

#D2ADF7

#F7ADF7

Shades

#add2f7 Light Tints

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

#ADD2F7

#B5D7F8

#BDDBF9

#C6E0F9

#CEE4FA

#D6E9FB

#DEEDFC

#E6F2FD

#EFF6FD

#F7FBFE

#add2f7 Gray Shades

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

#ADD2F7

#A9CAEB

#A4C2DF

#A0B9D3

#9BB1C7

#97A9BC

#92A1B0

#8E99A4

#899098

#85888C

#add2f7 Dark Shades

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

#ADD2F7

#9CBDDE

#8AA8C6

#7993AD

#687E94

#57697C

#455463

#343F4A

#232A31

#111519

#add2f7 Red Shades

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

#ADD2F7

#B5BDDE

#BDA8C6

#C693AD

#CE7E94

#D6697C

#DE5463

#E63F4A

#EF2A31

#F71519

#add2f7 Green Shades

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

#ADD2F7

#9CCADE

#8AC2C6

#79B9AD

#68B194

#57A97C

#45A163

#34994A

#239031

#118819

#add2f7 Blue Shades

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

#ADD2F7

#9CBDF8

#8AA8F9

#7993F9

#687EFA

#5769FB

#4554FC

#343FFD

#232AFD

#1115FE

Readability Analysis

#add2f7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.34	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.46	AA	Sample Text

#add2f7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.34	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.46	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bccdf4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#bfccf9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a9d3eb`
Protanopia	No red perception - Dichromacy	`#c4cbf3`
Deuteranopia	No green perception - Dichromacy	`#cac8fa`
Tritanopia	No blue perception - Dichromacy	`#a7d4e5`
Achromatomaly	Partial color blindness - Monochromacy	`#c1cfdc`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#add2f7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#add2f7 Light Tints

#add2f7 Gray Shades

#add2f7 Dark Shades

#add2f7 Red Shades

#add2f7 Green Shades

#add2f7 Blue Shades

Readability Analysis

#add2f7 as Text Color

#add2f7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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