0 views

#ccc99a - Color Information

#ccc99a

Base Information

HEX

#ccc99a

RGB

204,201,154

HSL

56,33,70

HSV

56,25,80

CMYK

0,1,25,20

LAB

80,-6,24

LCH

80,25,105

XYZ

52,57,39

Web Safe

#cccc99

Web Smart

#cccc99

is dark

luminosity

0.5694

Pantone Color

Combinations

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

#ccc99a

#9A9DCC

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

#ccc99a

#9AB6CC

#B09ACC

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

#ccc99a

#9ACCC9

#C99ACC

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

#ccc99a

#9ACCB0

#9A9DCC

#CC9AB6

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

#ccc99a

#9A9DCC

#9AB6CC

#B09ACC

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

#ccc99a

#B6CC9A

#9DCC9A

#9ACCB0

Shades

#ccc99a Light Tints

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

#CCC99A

#D1CEA4

#D6D4AE

#DBD9B8

#E0DFC2

#E6E4CD

#EBE9D7

#F0EFE1

#F5F4EB

#FAFAF5

#ccc99a Gray Shades

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

#CCC99A

#C4C297

#BDBA95

#B5B392

#AEAC90

#A6A58D

#9E9D8A

#979688

#8F8F85

#888783

#ccc99a Dark Shades

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

#CCC99A

#B8B58B

#A3A17B

#8F8D6C

#7A795C

#66654D

#52503E

#3D3C2E

#29281F

#14140F

#ccc99a Red Shades

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

#CCC99A

#D1B58B

#D6A17B

#DB8D6C

#E0795C

#E6654D

#EB503E

#F03C2E

#F5281F

#FA140F

#ccc99a Green Shades

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

#CCC99A

#B8C28B

#A3BA7B

#8FB36C

#7AAC5C

#66A54D

#529D3E

#3D962E

#298F1F

#14870F

#ccc99a Blue Shades

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

#CCC99A

#B8B5A4

#A3A1AE

#8F8DB8

#7A79C2

#6665CD

#5250D7

#3D3CE1

#2928EB

#1414F5

Readability Analysis

#ccc99a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#ccc99a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d1c698`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dec29b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d0c3bc`
Protanopia	No red perception - Dichromacy	`#d3c597`
Deuteranopia	No green perception - Dichromacy	`#e8bd9c`
Tritanopia	No blue perception - Dichromacy	`#d3c0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c7b6`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ccc99a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc99a Light Tints

#ccc99a Gray Shades

#ccc99a Dark Shades

#ccc99a Red Shades

#ccc99a Green Shades

#ccc99a Blue Shades

Readability Analysis

#ccc99a as Text Color

#ccc99a as Background Color

Color Blindness Simulation

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

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

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

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

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

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