0 views

#fecc1f - Color Information

#fecc1f

Base Information

HEX

#fecc1f

RGB

254,204,31

HSL

47,99,56

HSV

47,88,100

CMYK

0,20,88,0

LAB

84,4,81

LCH

84,81,87

XYZ

63,64,10

Web Safe

#ffcc33

Web Smart

#ffcc22

is dark

luminosity

0.6436

Pantone Color

Combinations

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

#fecc1f

#1F51FE

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

#fecc1f

#1FC1FE

#5C1FFE

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

#fecc1f

#1FFECC

#CC1FFE

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

#fecc1f

#1FFE5D

#1F51FE

#FE1FC1

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

#fecc1f

#1F51FE

#1FC1FE

#5C1FFE

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

#fecc1f

#C1FE1F

#51FE1F

#1FFE5D

Shades

#fecc1f Light Tints

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

#FECC1F

#FED135

#FED64C

#FEDB62

#FEE079

#FFE68F

#FFEBA5

#FFF0BC

#FFF5D2

#FFFAE9

#fecc1f Gray Shades

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

#FECC1F

#F1C429

#E5BD32

#D8B53C

#CCAE46

#BFA650

#B29E59

#A69763

#998F6D

#8D8876

#fecc1f Dark Shades

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

#FECC1F

#E5B81C

#CBA319

#B28F16

#987A13

#7F6610

#66520C

#4C3D09

#332906

#191403

#fecc1f Red Shades

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

#FECC1F

#FEB81C

#FEA319

#FE8F16

#FE7A13

#FF6610

#FF520C

#FF3D09

#FF2906

#FF1403

#fecc1f Green Shades

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

#FECC1F

#E5C41C

#CBBD19

#B2B516

#98AE13

#7FA610

#669E0C

#4C9709

#338F06

#198803

#fecc1f Blue Shades

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

#FECC1F

#E5B835

#CBA34C

#B28F62

#987A79

#7F668F

#6652A5

#4C3DBC

#3329D2

#1914E9

Readability Analysis

#fecc1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.87	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.68	AA	Sample Text

#fecc1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.87	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.68	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3cf23`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffca50`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffc58d`
Protanopia	No red perception - Dichromacy	`#ecd126`
Deuteranopia	No green perception - Dichromacy	`#ffc86c`
Tritanopia	No blue perception - Dichromacy	`#ffc1cc`
Achromatomaly	Partial color blindness - Monochromacy	`#ddcb8c`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#fecc1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fecc1f Light Tints

#fecc1f Gray Shades

#fecc1f Dark Shades

#fecc1f Red Shades

#fecc1f Green Shades

#fecc1f Blue Shades

Readability Analysis

#fecc1f as Text Color

#fecc1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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