0 views

#ccfb1f - Color Information

#ccfb1f

Base Information

HEX

#ccfb1f

RGB

204,251,31

HSL

73,96,55

HSV

73,88,98

CMYK

19,0,88,2

LAB

93,-40,86

LCH

93,95,115

XYZ

60,82,14

Web Safe

#ccff33

Web Smart

#ccff22

is dark

luminosity

0.8193

Pantone Color

Combinations

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

#ccfb1f

#4E1FFB

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

#ccfb1f

#1F5EFB

#BC1FFB

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

#ccfb1f

#1FCCFB

#FB1FCC

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

#ccfb1f

#1FFBBC

#4E1FFB

#FB1F5E

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

#ccfb1f

#4E1FFB

#1F5EFB

#BC1FFB

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

#ccfb1f

#5EFB1F

#1FFB4E

#1FFBBC

Shades

#ccfb1f Light Tints

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

#CCFB1F

#D1FB35

#D6FC4C

#DBFC62

#E0FD79

#E6FD8F

#EBFDA5

#F0FEBC

#F5FED2

#FAFFE9

#ccfb1f Gray Shades

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

#CCFB1F

#C4EF29

#BDE232

#B5D63C

#AECA46

#A6BE50

#9EB159

#97A563

#8F996D

#888C76

#ccfb1f Dark Shades

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

#CCFB1F

#B8E21C

#A3C919

#8FB016

#7A9713

#667E10

#52640C

#3D4B09

#293206

#141903

#ccfb1f Red Shades

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

#CCFB1F

#D1E21C

#D6C919

#DBB016

#E09713

#E67E10

#EB640C

#F04B09

#F53206

#FA1903

#ccfb1f Green Shades

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

#CCFB1F

#B8EF1C

#A3E219

#8FD616

#7ACA13

#66BE10

#52B10C

#3DA509

#299906

#148C03

#ccfb1f Blue Shades

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

#CCFB1F

#B8E235

#A3C94C

#8FB062

#7A9779

#667E8F

#5264A5

#3D4BBC

#2932D2

#1419E9

Readability Analysis

#ccfb1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.39	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

#ccfb1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.39	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecf063`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eced89`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#daefab`
Protanopia	No red perception - Dichromacy	`#ffe989`
Deuteranopia	No green perception - Dichromacy	`#ffe5c6`
Tritanopia	No blue perception - Dichromacy	`#e3e9fb`
Achromatomaly	Partial color blindness - Monochromacy	`#d9eb9b`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#ccfb1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccfb1f Light Tints

#ccfb1f Gray Shades

#ccfb1f Dark Shades

#ccfb1f Red Shades

#ccfb1f Green Shades

#ccfb1f Blue Shades

Readability Analysis

#ccfb1f as Text Color

#ccfb1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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