0 views

#fdc84f - Color Information

#fdc84f

Base Information

HEX

#fdc84f

RGB

253,200,79

HSL

42,98,65

HSV

42,69,99

CMYK

0,21,69,1

LAB

83,7,65

LCH

83,66,84

XYZ

63,63,16

Web Safe

#ffcc66

Web Smart

#ffcc55

is dark

luminosity

0.6276

Pantone Color

Combinations

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

#fdc84f

#4F84FD

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

#fdc84f

#4FDBFD

#714FFD

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

#fdc84f

#4FFDC8

#C84FFD

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

#fdc84f

#4FFD71

#4F84FD

#FD4FDB

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

#fdc84f

#4F84FD

#4FDBFD

#714FFD

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

#fdc84f

#DBFD4F

#84FD4F

#4FFD71

Shades

#fdc84f Light Tints

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

#FDC84F

#FDCE61

#FDD372

#FED984

#FEDE95

#FEE4A7

#FEE9B9

#FEEFCA

#FFF4DC

#FFFAED

#fdc84f Gray Shades

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

#FDC84F

#F1C154

#E4BA59

#D8B25E

#CBAB63

#BFA468

#B29D6C

#A69671

#998E76

#8D877B

#fdc84f Dark Shades

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

#FDC84F

#E4B447

#CAA03F

#B18C37

#98782F

#7F6428

#655020

#4C3C18

#332810

#191408

#fdc84f Red Shades

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

#FDC84F

#FDB447

#FDA03F

#FE8C37

#FE782F

#FE6428

#FE5020

#FE3C18

#FF2810

#FF1408

#fdc84f Green Shades

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

#FDC84F

#E4C147

#CABA3F

#B1B237

#98AB2F

#7FA428

#659D20

#4C9618

#338E10

#198708

#fdc84f Blue Shades

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

#FDC84F

#E4B461

#CAA072

#B18C84

#987895

#7F64A7

#6550B9

#4C3CCA

#3328DC

#1914ED

Readability Analysis

#fdc84f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.55	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.54	AA	Sample Text

#fdc84f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.55	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.54	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efcc51`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fec65d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fec19d`
Protanopia	No red perception - Dichromacy	`#e7cf52`
Deuteranopia	No green perception - Dichromacy	`#ffc565`
Tritanopia	No blue perception - Dichromacy	`#ffbdc9`
Achromatomaly	Partial color blindness - Monochromacy	`#ddca9e`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#fdc84f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdc84f Light Tints

#fdc84f Gray Shades

#fdc84f Dark Shades

#fdc84f Red Shades

#fdc84f Green Shades

#fdc84f Blue Shades

Readability Analysis

#fdc84f as Text Color

#fdc84f as Background Color

Color Blindness Simulation

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

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

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

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

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

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