0 views

#ccfb7c - Color Information

#ccfb7c

Base Information

HEX

#ccfb7c

RGB

204,251,124

HSL

82,94,74

HSV

82,51,98

CMYK

19,0,51,2

LAB

93,-34,55

LCH

93,65,122

XYZ

63,83,32

Web Safe

#ccff66

Web Smart

#ccff77

is dark

luminosity

0.8329

Pantone Color

Combinations

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

#ccfb7c

#AB7CFB

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

#ccfb7c

#7C8CFB

#EA7CFB

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

#ccfb7c

#7CCCFB

#FB7CCC

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

#ccfb7c

#7CFBEA

#AB7CFB

#FB7C8C

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

#ccfb7c

#AB7CFB

#7C8CFB

#EA7CFB

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

#ccfb7c

#8CFB7C

#7CFBAB

#7CFBEA

Shades

#ccfb7c Light Tints

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

#CCFB7C

#D1FB89

#D6FC96

#DBFCA3

#E0FDB0

#E6FDBE

#EBFDCB

#F0FED8

#F5FEE5

#FAFFF2

#ccfb7c Gray Shades

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

#CCFB7C

#C4EF7C

#BDE27D

#B5D67D

#AECA7E

#A6BE7E

#9EB17E

#97A57F

#8F997F

#888C80

#ccfb7c Dark Shades

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

#CCFB7C

#B8E270

#A3C963

#8FB057

#7A974A

#667E3E

#526432

#3D4B25

#293219

#14190C

#ccfb7c Red Shades

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

#CCFB7C

#D1E270

#D6C963

#DBB057

#E0974A

#E67E3E

#EB6432

#F04B25

#F53219

#FA190C

#ccfb7c Green Shades

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

#CCFB7C

#B8EF70

#A3E263

#8FD657

#7ACA4A

#66BE3E

#52B132

#3DA525

#299919

#148C0C

#ccfb7c Blue Shades

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

#CCFB7C

#B8E289

#A3C996

#8FB0A3

#7A97B0

#667EBE

#5264CB

#3D4BD8

#2932E5

#1419F2

Readability Analysis

#ccfb7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.66	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.22	AAA	Sample Text

#ccfb7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.66	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.22	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecf18f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eceeb0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8f1cf`
Protanopia	No red perception - Dichromacy	`#ffeb9a`
Deuteranopia	No green perception - Dichromacy	`#ffe7ce`
Tritanopia	No blue perception - Dichromacy	`#dfecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#deefc1`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ccfb7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccfb7c Light Tints

#ccfb7c Gray Shades

#ccfb7c Dark Shades

#ccfb7c Red Shades

#ccfb7c Green Shades

#ccfb7c Blue Shades

Readability Analysis

#ccfb7c as Text Color

#ccfb7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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