0 views

#ccfa8f - Color Information

#ccfa8f

Base Information

HEX

#ccfa8f

RGB

204,250,143

HSL

86,91,77

HSV

86,43,98

CMYK

18,0,43,2

LAB

93,-32,46

LCH

93,56,124

XYZ

64,83,39

Web Safe

#ccff99

Web Smart

#ccff88

is dark

luminosity

0.8319

Pantone Color

Combinations

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

#ccfa8f

#BD8FFA

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

#ccfa8f

#8F97FA

#F38FFA

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

#ccfa8f

#8FCCFA

#FA8FCC

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

#ccfa8f

#8FFAF2

#BD8FFA

#FA8F96

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

#ccfa8f

#BD8FFA

#8F97FA

#F38FFA

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

#ccfa8f

#96FA8F

#8FFABD

#8FFAF2

Shades

#ccfa8f Light Tints

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

#CCFA8F

#D1FB9A

#D6FBA5

#DBFCB1

#E0FCBC

#E6FDC7

#EBFDD2

#F0FEDD

#F5FEE9

#FAFFF4

#ccfa8f Gray Shades

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

#CCFA8F

#C4EE8E

#BDE28C

#B5D58B

#AEC989

#A6BD88

#9EB186

#97A585

#8F9883

#888C82

#ccfa8f Dark Shades

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

#CCFA8F

#B8E181

#A3C872

#8FAF64

#7A9656

#667D48

#526439

#3D4B2B

#29321D

#14190E

#ccfa8f Red Shades

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

#CCFA8F

#D1E181

#D6C872

#DBAF64

#E09656

#E67D48

#EB6439

#F04B2B

#F5321D

#FA190E

#ccfa8f Green Shades

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

#CCFA8F

#B8EE81

#A3E272

#8FD564

#7AC956

#66BD48

#52B139

#3DA52B

#29981D

#148C0E

#ccfa8f Blue Shades

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

#CCFA8F

#B8E19A

#A3C8A5

#8FAFB1

#7A96BC

#667DC7

#5264D2

#3D4BDD

#2932E9

#1419F4

Readability Analysis

#ccfa8f as Text Color

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

#ccfa8f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.64	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	`#ecf097`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eceeb8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d7f1d6`
Protanopia	No red perception - Dichromacy	`#ffeb9b`
Deuteranopia	No green perception - Dichromacy	`#ffe7cf`
Tritanopia	No blue perception - Dichromacy	`#ddecff`
Achromatomaly	Partial color blindness - Monochromacy	`#deefc8`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ccfa8f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccfa8f Light Tints

#ccfa8f Gray Shades

#ccfa8f Dark Shades

#ccfa8f Red Shades

#ccfa8f Green Shades

#ccfa8f Blue Shades

Readability Analysis

#ccfa8f as Text Color

#ccfa8f as Background Color

Color Blindness Simulation

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

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

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

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

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

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