0 views

#afd3cc - Color Information

#afd3cc

Base Information

HEX

#afd3cc

RGB

175,211,204

HSL

168,29,76

HSV

168,17,83

CMYK

17,0,3,17

LAB

82,-13,0

LCH

82,13,182

XYZ

52,60,66

Web Safe

#99cccc

Web Smart

#aacccc

is dark

luminosity

0.6006

Pantone Color

Combinations

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

#afd3cc

#D3AFB6

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

#afd3cc

#D3AFC8

#D3BAAF

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

#afd3cc

#CCAFD3

#D3CCAF

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

#afd3cc

#BAAFD3

#D3AFB6

#C8D3AF

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

#afd3cc

#D3AFB6

#D3AFC8

#D3BAAF

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

#afd3cc

#AFC8D3

#AFB6D3

#BAAFD3

Shades

#afd3cc Light Tints

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

#AFD3CC

#B7D7D1

#BFDCD6

#C7E0DB

#CFE5E0

#D7E9E6

#DFEDEB

#E7F2F0

#EFF6F5

#F7FBFA

#afd3cc Gray Shades

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

#AFD3CC

#AACBC4

#A6C2BD

#A1BAB5

#9CB2AE

#98AAA6

#93A19E

#8E9997

#89918F

#858888

#afd3cc Dark Shades

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

#AFD3CC

#9EBEB8

#8CA9A3

#7A948F

#697F7A

#586A66

#465452

#343F3D

#232A29

#111514

#afd3cc Red Shades

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

#AFD3CC

#B7BEB8

#BFA9A3

#C7948F

#CF7F7A

#D76A66

#DF5452

#E73F3D

#EF2A29

#F71514

#afd3cc Green Shades

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

#AFD3CC

#9ECBB8

#8CC2A3

#7ABA8F

#69B27A

#58AA66

#46A152

#34993D

#239129

#118814

#afd3cc Blue Shades

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

#AFD3CC

#9EBED1

#8CA9D6

#7A94DB

#697FE0

#586AE6

#4654EB

#343FF0

#232AF5

#1115FA

Readability Analysis

#afd3cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.01	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.32	AA	Sample Text

#afd3cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.01	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.32	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c3cdc8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ccc9ce`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1d0d8`
Protanopia	No red perception - Dichromacy	`#cfc9c6`
Deuteranopia	No green perception - Dichromacy	`#dcc4cf`
Tritanopia	No blue perception - Dichromacy	`#b2cfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#c1cecb`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#afd3cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#afd3cc Light Tints

#afd3cc Gray Shades

#afd3cc Dark Shades

#afd3cc Red Shades

#afd3cc Green Shades

#afd3cc Blue Shades

Readability Analysis

#afd3cc as Text Color

#afd3cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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