0 views

#ccd7a7 - Color Information

#ccd7a7

Base Information

HEX

#ccd7a7

RGB

204,215,167

HSL

74,38,75

HSV

74,22,84

CMYK

5,0,22,16

LAB

84,-12,23

LCH

84,25,118

XYZ

56,64,46

Web Safe

#cccc99

Web Smart

#ccddaa

is dark

luminosity

0.6423

Pantone Color

Combinations

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

#ccd7a7

#B2A7D7

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

#ccd7a7

#A7B4D7

#CAA7D7

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

#ccd7a7

#A7CCD7

#D7A7CC

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

#ccd7a7

#A7D7CA

#B2A7D7

#D7A7B4

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

#ccd7a7

#B2A7D7

#A7B4D7

#CAA7D7

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

#ccd7a7

#B4D7A7

#A7D7B2

#A7D7CA

Shades

#ccd7a7 Light Tints

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

#CCD7A7

#D1DBB0

#D6DFB9

#DBE3C1

#E0E7CA

#E6EBD3

#EBEFDC

#F0F3E5

#F5F7ED

#FAFBF6

#ccd7a7 Gray Shades

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

#CCD7A7

#C4CEA3

#BDC69F

#B5BD9B

#AEB497

#A6AC94

#9EA390

#979A8C

#8F9188

#888984

#ccd7a7 Dark Shades

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

#CCD7A7

#B8C296

#A3AC86

#8F9775

#7A8164

#666C54

#525643

#3D4032

#292B21

#141511

#ccd7a7 Red Shades

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

#CCD7A7

#D1C296

#D6AC86

#DB9775

#E08164

#E66C54

#EB5643

#F04032

#F52B21

#FA1511

#ccd7a7 Green Shades

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

#CCD7A7

#B8CE96

#A3C686

#8FBD75

#7AB464

#66AC54

#52A343

#3D9A32

#299121

#148911

#ccd7a7 Blue Shades

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

#CCD7A7

#B8C2B0

#A3ACB9

#8F97C1

#7A81CA

#666CD3

#5256DC

#3D40E5

#292BED

#1415F6

Readability Analysis

#ccd7a7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.85	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

#ccd7a7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.85	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8d3a4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e5cea9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d1d1ca`
Protanopia	No red perception - Dichromacy	`#dfd0a3`
Deuteranopia	No green perception - Dichromacy	`#f4c8aa`
Tritanopia	No blue perception - Dichromacy	`#d4cede`
Achromatomaly	Partial color blindness - Monochromacy	`#cfd3c2`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#ccd7a7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd7a7 Light Tints

#ccd7a7 Gray Shades

#ccd7a7 Dark Shades

#ccd7a7 Red Shades

#ccd7a7 Green Shades

#ccd7a7 Blue Shades

Readability Analysis

#ccd7a7 as Text Color

#ccd7a7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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