0 views

#adf5df - Color Information

#adf5df

Base Information

HEX

#adf5df

RGB

173,245,223

HSL

162,78,82

HSV

162,29,96

CMYK

29,0,9,4

LAB

91,-27,3

LCH

91,27,173

XYZ

63,80,82

Web Safe

#99ffcc

Web Smart

#aaeedd

is dark

luminosity

0.7952

Pantone Color

Combinations

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

#adf5df

#F5ADC3

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

#adf5df

#F5ADE7

#F5BBAD

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

#adf5df

#DFADF5

#F5DFAD

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

#adf5df

#BBADF5

#F5ADC3

#E7F5AD

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

#adf5df

#F5ADC3

#F5ADE7

#F5BBAD

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

#adf5df

#ADE7F5

#ADC3F5

#BBADF5

Shades

#adf5df Light Tints

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

#ADF5DF

#B5F6E2

#BDF7E5

#C6F8E9

#CEF9EC

#D6FAEF

#DEFBF2

#E6FCF5

#EFFDF9

#F7FEFC

#adf5df Gray Shades

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

#ADF5DF

#A9E9D6

#A4DECC

#A0D2C3

#9BC6B9

#97BBB0

#92AFA6

#8EA39D

#899793

#858C8A

#adf5df Dark Shades

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

#ADF5DF

#9CDDC9

#8AC4B2

#79AC9C

#689386

#577B70

#456259

#344943

#23312D

#111816

#adf5df Red Shades

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

#ADF5DF

#B5DDC9

#BDC4B2

#C6AC9C

#CE9386

#D67B70

#DE6259

#E64943

#EF312D

#F71816

#adf5df Green Shades

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

#ADF5DF

#9CE9C9

#8ADEB2

#79D29C

#68C686

#57BB70

#45AF59

#34A343

#23972D

#118C16

#adf5df Blue Shades

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

#ADF5DF

#9CDDE2

#8AC4E5

#79ACE9

#6893EC

#577BEF

#4562F2

#3449F5

#2331F9

#1118FC

Readability Analysis

#adf5df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.90	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

#adf5df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.90	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d6ebd9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0e7e3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b6f1f3`
Protanopia	No red perception - Dichromacy	`#eee5d6`
Deuteranopia	No green perception - Dichromacy	`#fddee6`
Tritanopia	No blue perception - Dichromacy	`#bbeeff`
Achromatomaly	Partial color blindness - Monochromacy	`#d0eae2`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#adf5df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#adf5df Light Tints

#adf5df Gray Shades

#adf5df Dark Shades

#adf5df Red Shades

#adf5df Green Shades

#adf5df Blue Shades

Readability Analysis

#adf5df as Text Color

#adf5df as Background Color

Color Blindness Simulation

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

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

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

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

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

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