0 views

#ccf46f - Color Information

#ccf46f

Base Information

HEX

#ccf46f

RGB

204,244,111

HSL

78,86,70

HSV

78,55,96

CMYK

16,0,55,4

LAB

91,-32,59

LCH

91,67,119

XYZ

60,79,27

Web Safe

#ccff66

Web Smart

#ccee77

is dark

luminosity

0.7869

Pantone Color

Combinations

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

#ccf46f

#976FF4

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

#ccf46f

#6F89F4

#DA6FF4

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

#ccf46f

#6FCCF4

#F46FCC

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

#ccf46f

#6FF4DA

#976FF4

#F46F89

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

#ccf46f

#976FF4

#6F89F4

#DA6FF4

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

#ccf46f

#89F46F

#6FF497

#6FF4DA

Shades

#ccf46f Light Tints

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

#CCF46F

#D1F57D

#D6F68C

#DBF79A

#E0F8A9

#E6FAB7

#EBFBC5

#F0FCD4

#F5FDE2

#FAFEF1

#ccf46f Gray Shades

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

#CCF46F

#C4E871

#BDDD72

#B5D174

#AEC676

#A6BA78

#9EAE79

#97A37B

#8F977D

#888C7E

#ccf46f Dark Shades

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

#CCF46F

#B8DC64

#A3C359

#8FAB4E

#7A9243

#667A38

#52622C

#3D4921

#293116

#14180B

#ccf46f Red Shades

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

#CCF46F

#D1DC64

#D6C359

#DBAB4E

#E09243

#E67A38

#EB622C

#F04921

#F53116

#FA180B

#ccf46f Green Shades

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

#CCF46F

#B8E864

#A3DD59

#8FD14E

#7AC643

#66BA38

#52AE2C

#3DA321

#299716

#148C0B

#ccf46f Blue Shades

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

#CCF46F

#B8DC7D

#A3C38C

#8FAB9A

#7A92A9

#667AB7

#5262C5

#3D49D4

#2931E2

#1418F1

Readability Analysis

#ccf46f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.74	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.85	AA	Sample Text

#ccf46f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.74	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.85	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecea6c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece7a1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8eac5`
Protanopia	No red perception - Dichromacy	`#ffe56a`
Deuteranopia	No green perception - Dichromacy	`#ffe0bd`
Tritanopia	No blue perception - Dichromacy	`#dee5f7`
Achromatomaly	Partial color blindness - Monochromacy	`#dae8b8`
Achromatopsia	Complete color blindness - Monochromacy	`#e2e2e2`

#ccf46f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf46f Light Tints

#ccf46f Gray Shades

#ccf46f Dark Shades

#ccf46f Red Shades

#ccf46f Green Shades

#ccf46f Blue Shades

Readability Analysis

#ccf46f as Text Color

#ccf46f as Background Color

Color Blindness Simulation

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

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

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

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

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

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