0 views

#ccf83d - Color Information

#ccf83d

Base Information

HEX

#ccf83d

RGB

204,248,61

HSL

74,93,61

HSV

74,75,97

CMYK

18,0,75,3

LAB

92,-37,79

LCH

92,87,115

XYZ

59,80,17

Web Safe

#ccff33

Web Smart

#ccff44

is dark

luminosity

0.8031

Pantone Color

Combinations

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

#ccf83d

#693DF8

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

#ccf83d

#3D6EF8

#C73DF8

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

#ccf83d

#3DCCF8

#F83DCC

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

#ccf83d

#3DF8C7

#693DF8

#F83D6E

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

#ccf83d

#693DF8

#3D6EF8

#C73DF8

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

#ccf83d

#6EF83D

#3DF869

#3DF8C7

Shades

#ccf83d Light Tints

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

#CCF83D

#D1F950

#D6F964

#DBFA77

#E0FB8B

#E6FC9E

#EBFCB1

#F0FDC5

#F5FED8

#FAFEEC

#ccf83d Gray Shades

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

#CCF83D

#C4EC44

#BDE04A

#B5D451

#AEC858

#A6BC5F

#9EB065

#97A46C

#8F9873

#888C79

#ccf83d Dark Shades

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

#CCF83D

#B8DF37

#A3C631

#8FAE2B

#7A9525

#667C1F

#526318

#3D4A12

#29320C

#141906

#ccf83d Red Shades

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

#CCF83D

#D1DF37

#D6C631

#DBAE2B

#E09525

#E67C1F

#EB6318

#F04A12

#F5320C

#FA1906

#ccf83d Green Shades

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

#CCF83D

#B8EC37

#A3E031

#8FD42B

#7AC825

#66BC1F

#52B018

#3DA412

#29980C

#148C06

#ccf83d Blue Shades

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

#CCF83D

#B8DF50

#A3C664

#8FAE77

#7A958B

#667C9E

#5263B1

#3D4AC5

#2932D8

#1419EC

Readability Analysis

#ccf83d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.06	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.98	AA	Sample Text

#ccf83d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.06	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eced63`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecea90`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#daedb4`
Protanopia	No red perception - Dichromacy	`#ffe779`
Deuteranopia	No green perception - Dichromacy	`#ffe3c0`
Tritanopia	No blue perception - Dichromacy	`#e1e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#d9e9a5`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#ccf83d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf83d Light Tints

#ccf83d Gray Shades

#ccf83d Dark Shades

#ccf83d Red Shades

#ccf83d Green Shades

#ccf83d Blue Shades

Readability Analysis

#ccf83d as Text Color

#ccf83d as Background Color

Color Blindness Simulation

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

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

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

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

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

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