0 views

#fcc41f - Color Information

#fcc41f

Base Information

HEX

#fcc41f

RGB

252,196,31

HSL

45,97,55

HSV

45,88,99

CMYK

0,22,88,1

LAB

82,7,79

LCH

82,80,85

XYZ

60,60,10

Web Safe

#ffcc33

Web Smart

#ffcc22

is dark

luminosity

0.6027

Pantone Color

Combinations

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

#fcc41f

#1F57FC

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

#fcc41f

#1FC6FC

#561FFC

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

#fcc41f

#1FFCC4

#C41FFC

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

#fcc41f

#1FFC56

#1F57FC

#FC1FC5

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

#fcc41f

#1F57FC

#1FC6FC

#561FFC

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

#fcc41f

#C6FC1F

#57FC1F

#1FFC56

Shades

#fcc41f Light Tints

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

#FCC41F

#FCCA35

#FDD04C

#FDD662

#FDDC79

#FEE28F

#FEE7A5

#FEEDBC

#FEF3D2

#FFF9E9

#fcc41f Gray Shades

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

#FCC41F

#F0BD29

#E3B632

#D7B03C

#CAA946

#BEA250

#B29B59

#A59463

#998E6D

#8C8776

#fcc41f Dark Shades

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

#FCC41F

#E3B01C

#CA9D19

#B08916

#977613

#7E6210

#654E0C

#4C3B09

#322706

#191403

#fcc41f Red Shades

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

#FCC41F

#FCB01C

#FD9D19

#FD8916

#FD7613

#FE6210

#FE4E0C

#FE3B09

#FE2706

#FF1403

#fcc41f Green Shades

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

#FCC41F

#E3BD1C

#CAB619

#B0B016

#97A913

#7EA210

#659B0C

#4C9409

#328E06

#198703

#fcc41f Blue Shades

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

#FCC41F

#E3B035

#CA9D4C

#B08962

#977679

#7E628F

#654EA5

#4C3BBC

#3227D2

#1914E9

Readability Analysis

#fcc41f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.05	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

#fcc41f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.05	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eec824`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fec236`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#febd88`
Protanopia	No red perception - Dichromacy	`#e5cb26`
Deuteranopia	No green perception - Dichromacy	`#ffc143`
Tritanopia	No blue perception - Dichromacy	`#ffb8c4`
Achromatomaly	Partial color blindness - Monochromacy	`#d8c488`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#fcc41f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fcc41f Light Tints

#fcc41f Gray Shades

#fcc41f Dark Shades

#fcc41f Red Shades

#fcc41f Green Shades

#fcc41f Blue Shades

Readability Analysis

#fcc41f as Text Color

#fcc41f as Background Color

Color Blindness Simulation

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

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

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

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

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

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