0 views

#c5d8a3 - Color Information

#c5d8a3

Base Information

HEX

#c5d8a3

RGB

197,216,163

HSL

82,40,74

HSV

82,25,85

CMYK

9,0,25,15

LAB

84,-15,24

LCH

84,29,123

XYZ

54,64,44

Web Safe

#cccc99

Web Smart

#ccddaa

is dark

luminosity

0.6363

Pantone Color

Combinations

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

#c5d8a3

#B6A3D8

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

#c5d8a3

#A3ABD8

#D0A3D8

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

#c5d8a3

#A3C5D8

#D8A3C5

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

#c5d8a3

#A3D8D0

#B6A3D8

#D8A3AB

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

#c5d8a3

#B6A3D8

#A3ABD8

#D0A3D8

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

#c5d8a3

#ABD8A3

#A3D8B6

#A3D8D0

Shades

#c5d8a3 Light Tints

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

#C5D8A3

#CBDCAC

#D1E0B5

#D6E4BF

#DCE8C8

#E2ECD1

#E8EFDA

#EEF3E3

#F3F7ED

#F9FBF6

#c5d8a3 Gray Shades

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

#C5D8A3

#BECFA0

#B7C69C

#B0BE99

#A9B595

#A3AC92

#9CA38E

#959A8B

#8E9287

#878984

#c5d8a3 Dark Shades

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

#C5D8A3

#B1C293

#9EAD82

#8A9772

#768262

#636C52

#4F5641

#3B4131

#272B21

#141610

#c5d8a3 Red Shades

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

#C5D8A3

#CBC293

#D1AD82

#D69772

#DC8262

#E26C52

#E85641

#EE4131

#F32B21

#F91610

#c5d8a3 Green Shades

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

#C5D8A3

#B1CF93

#9EC682

#8ABE72

#76B562

#63AC52

#4FA341

#3B9A31

#279221

#148910

#c5d8a3 Blue Shades

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

#C5D8A3

#B1C2AC

#9EADB5

#8A97BF

#7682C8

#636CD1

#4F56DA

#3B41E3

#272BED

#1416F6

Readability Analysis

#c5d8a3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.73	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

#c5d8a3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.73	AAA	Sample Text
Red	2.61	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d5d2a0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e3cda5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbd2c9`
Protanopia	No red perception - Dichromacy	`#dfcf9e`
Deuteranopia	No green perception - Dichromacy	`#f3c7a6`
Tritanopia	No blue perception - Dichromacy	`#cecfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#ccd3c0`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#c5d8a3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c5d8a3 Light Tints

#c5d8a3 Gray Shades

#c5d8a3 Dark Shades

#c5d8a3 Red Shades

#c5d8a3 Green Shades

#c5d8a3 Blue Shades

Readability Analysis

#c5d8a3 as Text Color

#c5d8a3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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