0 views

#ccc99b - Color Information

#ccc99b

Base Information

HEX

#ccc99b

RGB

204,201,155

HSL

56,32,70

HSV

56,24,80

CMYK

0,1,24,20

LAB

80,-6,23

LCH

80,24,105

XYZ

52,57,39

Web Safe

#cccc99

Web Smart

#cccc99

is dark

luminosity

0.5698

Pantone Color

Combinations

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

#ccc99b

#9B9ECC

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

#ccc99b

#9BB7CC

#B19BCC

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

#ccc99b

#9BCCC9

#C99BCC

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

#ccc99b

#9BCCB0

#9B9ECC

#CC9BB6

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

#ccc99b

#9B9ECC

#9BB7CC

#B19BCC

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

#ccc99b

#B7CC9B

#9ECC9B

#9BCCB0

Shades

#ccc99b Light Tints

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

#CCC99B

#D1CEA5

#D6D4AF

#DBD9B9

#E0DFC3

#E6E4CD

#EBE9D7

#F0EFE1

#F5F4EB

#FAFAF5

#ccc99b Gray Shades

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

#CCC99B

#C4C298

#BDBA96

#B5B393

#AEAC90

#A6A58E

#9E9D8B

#979688

#8F8F85

#888783

#ccc99b Dark Shades

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

#CCC99B

#B8B58C

#A3A17C

#8F8D6D

#7A795D

#66654E

#52503E

#3D3C2E

#29281F

#14140F

#ccc99b Red Shades

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

#CCC99B

#D1B58C

#D6A17C

#DB8D6D

#E0795D

#E6654E

#EB503E

#F03C2E

#F5281F

#FA140F

#ccc99b Green Shades

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

#CCC99B

#B8C28C

#A3BA7C

#8FB36D

#7AAC5D

#66A54E

#529D3E

#3D962E

#298F1F

#14870F

#ccc99b Blue Shades

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

#CCC99B

#B8B5A5

#A3A1AF

#8F8DB9

#7A79C3

#6665CD

#5250D7

#3D3CE1

#2928EB

#1414F5

Readability Analysis

#ccc99b as Text Color

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

#ccc99b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.40	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	`#d1c799`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dec29c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d0c3bc`
Protanopia	No red perception - Dichromacy	`#d3c598`
Deuteranopia	No green perception - Dichromacy	`#e8be9d`
Tritanopia	No blue perception - Dichromacy	`#d3c0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c7b7`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ccc99b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc99b Light Tints

#ccc99b Gray Shades

#ccc99b Dark Shades

#ccc99b Red Shades

#ccc99b Green Shades

#ccc99b Blue Shades

Readability Analysis

#ccc99b as Text Color

#ccc99b as Background Color

Color Blindness Simulation

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

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

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

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

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

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