0 views

#fdf87c - Color Information

#fdf87c

Base Information

HEX

#fdf87c

RGB

253,248,124

HSL

58,97,74

HSV

58,51,99

CMYK

0,2,51,1

LAB

96,-14,59

LCH

96,61,103

XYZ

78,89,32

Web Safe

#ffff66

Web Smart

#ffff77

is dark

luminosity

0.8947

Pantone Color

Combinations

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

#fdf87c

#7C81FD

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

#fdf87c

#7CC1FD

#B87CFD

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

#fdf87c

#7CFDF8

#F87CFD

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

#fdf87c

#7CFDB8

#7C81FD

#FD7CC1

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

#fdf87c

#7C81FD

#7CC1FD

#B87CFD

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

#fdf87c

#C1FD7C

#81FD7C

#7CFDB8

Shades

#fdf87c Light Tints

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

#FDF87C

#FDF989

#FDF996

#FEFAA3

#FEFBB0

#FEFCBE

#FEFCCB

#FEFDD8

#FFFEE5

#FFFEF2

#fdf87c Gray Shades

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

#FDF87C

#F1EC7C

#E4E07D

#D8D47D

#CBC87E

#BFBC7E

#B2B07E

#A6A47F

#99987F

#8D8C80

#fdf87c Dark Shades

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

#FDF87C

#E4DF70

#CAC663

#B1AE57

#98954A

#7F7C3E

#656332

#4C4A25

#333219

#19190C

#fdf87c Red Shades

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

#FDF87C

#FDDF70

#FDC663

#FEAE57

#FE954A

#FE7C3E

#FE6332

#FE4A25

#FF3219

#FF190C

#fdf87c Green Shades

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

#FDF87C

#E4EC70

#CAE063

#B1D457

#98C84A

#7FBC3E

#65B032

#4CA425

#339819

#198C0C

#fdf87c Blue Shades

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

#FDF87C

#E4DF89

#CAC696

#B1AEA3

#9895B0

#7F7CBE

#6563CB

#4C4AD8

#3332E5

#1919F2

Readability Analysis

#fdf87c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.89	AAA	Sample Text
Red	3.60	A	Sample Text
Green	4.62	AA	Sample Text
Blue	7.73	AAA	Sample Text

#fdf87c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.89	AAA	Sample Text
Red	3.60	A	Sample Text
Green	4.62	AA	Sample Text
Blue	7.73	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fef5ab`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fef3bc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fef2ca`
Protanopia	No red perception - Dichromacy	`#fff3c7`
Deuteranopia	No green perception - Dichromacy	`#fff0e1`
Tritanopia	No blue perception - Dichromacy	`#ffeef7`
Achromatomaly	Partial color blindness - Monochromacy	`#f5f3c6`
Achromatopsia	Complete color blindness - Monochromacy	`#f0f0f0`

#fdf87c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdf87c Light Tints

#fdf87c Gray Shades

#fdf87c Dark Shades

#fdf87c Red Shades

#fdf87c Green Shades

#fdf87c Blue Shades

Readability Analysis

#fdf87c as Text Color

#fdf87c as Background Color

Color Blindness Simulation

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

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

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

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

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

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