0 views

#9af7dd - Color Information

#9af7dd

Base Information

HEX

#9af7dd

RGB

154,247,221

HSL

163,85,79

HSV

163,38,97

CMYK

38,0,11,3

LAB

91,-33,4

LCH

91,34,174

XYZ

60,79,80

Web Safe

#99ffcc

Web Smart

#99ffdd

is dark

luminosity

0.7861

Pantone Color

Combinations

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

#9af7dd

#F79AB4

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

#9af7dd

#F79AE3

#F7AF9A

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

#9af7dd

#DD9AF7

#F7DD9A

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

#9af7dd

#AF9AF7

#F79AB4

#E3F79A

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

#9af7dd

#F79AB4

#F79AE3

#F7AF9A

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

#9af7dd

#9AE3F7

#9AB4F7

#AF9AF7

Shades

#9af7dd Light Tints

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

#9AF7DD

#A4F8E0

#AEF9E4

#B8F9E7

#C2FAEB

#CDFBEE

#D7FCF1

#E1FDF5

#EBFDF8

#F5FEFC

#9af7dd Gray Shades

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

#9AF7DD

#97EBD4

#95DFCA

#92D3C1

#90C7B8

#8DBCAF

#8AB0A5

#88A49C

#859893

#838C89

#9af7dd Dark Shades

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

#9AF7DD

#8BDEC7

#7BC6B1

#6CAD9B

#5C9485

#4D7C6F

#3E6358

#2E4A42

#1F312C

#0F1916

#9af7dd Red Shades

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

#9AF7DD

#A4DEC7

#AEC6B1

#B8AD9B

#C29485

#CD7C6F

#D76358

#E14A42

#EB312C

#F51916

#9af7dd Green Shades

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

#9AF7DD

#8BEBC7

#7BDFB1

#6CD39B

#5CC785

#4DBC6F

#3EB058

#2EA442

#1F982C

#0F8C16

#9af7dd Blue Shades

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

#9AF7DD

#8BDEE0

#7BC6E4

#6CADE7

#5C94EB

#4D7CEE

#3E63F1

#2E4AF5

#1F31F8

#0F19FC

Readability Analysis

#9af7dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.72	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

#9af7dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.72	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cfebd6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8e7e2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a8f2f3`
Protanopia	No red perception - Dichromacy	`#ede4d3`
Deuteranopia	No green perception - Dichromacy	`#fbdde5`
Tritanopia	No blue perception - Dichromacy	`#b1efff`
Achromatomaly	Partial color blindness - Monochromacy	`#c7e9e0`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#9af7dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#9af7dd Light Tints

#9af7dd Gray Shades

#9af7dd Dark Shades

#9af7dd Red Shades

#9af7dd Green Shades

#9af7dd Blue Shades

Readability Analysis

#9af7dd as Text Color

#9af7dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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