0 views

#ccca8f - Color Information

#ccca8f

Base Information

HEX

#ccca8f

RGB

204,202,143

HSL

58,37,68

HSV

58,30,80

CMYK

0,1,30,20

LAB

80,-8,30

LCH

80,31,106

XYZ

51,57,34

Web Safe

#cccc99

Web Smart

#cccc88

is dark

luminosity

0.5706

Pantone Color

Combinations

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

#ccca8f

#8F91CC

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

#ccca8f

#8FB0CC

#AB8FCC

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

#ccca8f

#8FCCCA

#CA8FCC

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

#ccca8f

#8FCCAB

#8F91CC

#CC8FB0

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

#ccca8f

#8F91CC

#8FB0CC

#AB8FCC

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

#ccca8f

#B0CC8F

#91CC8F

#8FCCAB

Shades

#ccca8f Light Tints

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

#CCCA8F

#D1CF9A

#D6D5A5

#DBDAB1

#E0DFBC

#E6E5C7

#EBEAD2

#F0EFDD

#F5F4E9

#FAFAF4

#ccca8f Gray Shades

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

#CCCA8F

#C4C38E

#BDBB8C

#B5B48B

#AEAC89

#A6A588

#9E9E86

#979685

#8F8F83

#888782

#ccca8f Dark Shades

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

#CCCA8F

#B8B681

#A3A272

#8F8D64

#7A7956

#666548

#525139

#3D3D2B

#29281D

#14140E

#ccca8f Red Shades

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

#CCCA8F

#D1B681

#D6A272

#DB8D64

#E07956

#E66548

#EB5139

#F03D2B

#F5281D

#FA140E

#ccca8f Green Shades

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

#CCCA8F

#B8C381

#A3BB72

#8FB464

#7AAC56

#66A548

#529E39

#3D962B

#298F1D

#14870E

#ccca8f Blue Shades

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

#CCCA8F

#B8B69A

#A3A2A5

#8F8DB1

#7A79BC

#6665C7

#5251D2

#3D3DDD

#2928E9

#1414F4

Readability Analysis

#ccca8f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.41	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

#ccca8f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.41	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2c78d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0c290`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d1c4b8`
Protanopia	No red perception - Dichromacy	`#d6c58c`
Deuteranopia	No green perception - Dichromacy	`#ebbd91`
Tritanopia	No blue perception - Dichromacy	`#d4c0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c8b2`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ccca8f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccca8f Light Tints

#ccca8f Gray Shades

#ccca8f Dark Shades

#ccca8f Red Shades

#ccca8f Green Shades

#ccca8f Blue Shades

Readability Analysis

#ccca8f as Text Color

#ccca8f as Background Color

Color Blindness Simulation

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

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

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

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

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

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