0 views

#ccd36f - Color Information

#ccd36f

Base Information

HEX

#ccd36f

RGB

204,211,111

HSL

64,53,63

HSV

64,47,83

CMYK

3,0,47,17

LAB

82,-17,48

LCH

82,51,109

XYZ

51,61,24

Web Safe

#cccc66

Web Smart

#cccc77

is dark

luminosity

0.6057

Pantone Color

Combinations

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

#ccd36f

#766FD3

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

#ccd36f

#6F9AD3

#A86FD3

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

#ccd36f

#6FCCD3

#D36FCC

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

#ccd36f

#6FD3A8

#766FD3

#D36F9A

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

#ccd36f

#766FD3

#6F9AD3

#A86FD3

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

#ccd36f

#9AD36F

#6FD376

#6FD3A8

Shades

#ccd36f Light Tints

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

#CCD36F

#D1D77D

#D6DC8C

#DBE09A

#E0E5A9

#E6E9B7

#EBEDC5

#F0F2D4

#F5F6E2

#FAFBF1

#ccd36f Gray Shades

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

#CCD36F

#C4CB71

#BDC272

#B5BA74

#AEB276

#A6AA78

#9EA179

#97997B

#8F917D

#88887E

#ccd36f Dark Shades

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

#CCD36F

#B8BE64

#A3A959

#8F944E

#7A7F43

#666A38

#52542C

#3D3F21

#292A16

#14150B

#ccd36f Red Shades

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

#CCD36F

#D1BE64

#D6A959

#DB944E

#E07F43

#E66A38

#EB542C

#F03F21

#F52A16

#FA150B

#ccd36f Green Shades

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

#CCD36F

#B8CB64

#A3C259

#8FBA4E

#7AB243

#66AA38

#52A12C

#3D9921

#299116

#14880B

#ccd36f Blue Shades

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

#CCD36F

#B8BE7D

#A3A98C

#8F949A

#7A7FA9

#666AB7

#5254C5

#3D3FD4

#292AE2

#1415F1

Readability Analysis

#ccd36f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.37	AA	Sample Text

#ccd36f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9ce6d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9c872`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4cbb0`
Protanopia	No red perception - Dichromacy	`#e1cb6c`
Deuteranopia	No green perception - Dichromacy	`#fac274`
Tritanopia	No blue perception - Dichromacy	`#d8c6d5`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcda9`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccd36f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd36f Light Tints

#ccd36f Gray Shades

#ccd36f Dark Shades

#ccd36f Red Shades

#ccd36f Green Shades

#ccd36f Blue Shades

Readability Analysis

#ccd36f as Text Color

#ccd36f as Background Color

Color Blindness Simulation

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

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

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

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

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

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