0 views

#fdf33a - Color Information

#fdf33a

Base Information

HEX

#fdf33a

RGB

253,243,58

HSL

57,98,61

HSV

57,77,99

CMYK

0,4,77,1

LAB

94,-16,83

LCH

94,84,101

XYZ

73,85,17

Web Safe

#ffff33

Web Smart

#ffee33

is dark

luminosity

0.8529

Pantone Color

Combinations

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

#fdf33a

#3A44FD

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

#fdf33a

#3AA6FD

#913AFD

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

#fdf33a

#3AFDF3

#F33AFD

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

#fdf33a

#3AFD91

#3A44FD

#FD3AA6

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

#fdf33a

#3A44FD

#3AA6FD

#913AFD

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

#fdf33a

#A6FD3A

#44FD3A

#3AFD91

Shades

#fdf33a Light Tints

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

#FDF33A

#FDF44E

#FDF561

#FEF775

#FEF889

#FEF99D

#FEFAB0

#FEFBC4

#FFFDD8

#FFFEEB

#fdf33a Gray Shades

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

#FDF33A

#F1E841

#E4DC48

#D8D14F

#CBC556

#BFBA5D

#B2AE64

#A6A36B

#999772

#8D8C79

#fdf33a Dark Shades

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

#FDF33A

#E4DB34

#CAC22E

#B1AA29

#989223

#7F7A1D

#656117

#4C4911

#33310C

#191806

#fdf33a Red Shades

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

#FDF33A

#FDDB34

#FDC22E

#FEAA29

#FE9223

#FE7A1D

#FE6117

#FE4911

#FF310C

#FF1806

#fdf33a Green Shades

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

#FDF33A

#E4E834

#CADC2E

#B1D129

#98C523

#7FBA1D

#65AE17

#4CA311

#33970C

#198C06

#fdf33a Blue Shades

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

#FDF33A

#E4DB4E

#CAC261

#B1AA75

#989289

#7F7A9D

#6561B0

#4C49C4

#3331D8

#1918EB

Readability Analysis

#fdf33a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.06	AAA	Sample Text
Red	3.44	A	Sample Text
Green	4.42	A	Sample Text
Blue	7.39	AAA	Sample Text

#fdf33a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.06	AAA	Sample Text
Red	3.44	A	Sample Text
Green	4.42	A	Sample Text
Blue	7.39	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fef080`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#feed9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feecae`
Protanopia	No red perception - Dichromacy	`#ffeea7`
Deuteranopia	No green perception - Dichromacy	`#ffead2`
Tritanopia	No blue perception - Dichromacy	`#ffe7f0`
Achromatomaly	Partial color blindness - Monochromacy	`#efeca9`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#fdf33a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdf33a Light Tints

#fdf33a Gray Shades

#fdf33a Dark Shades

#fdf33a Red Shades

#fdf33a Green Shades

#fdf33a Blue Shades

Readability Analysis

#fdf33a as Text Color

#fdf33a as Background Color

Color Blindness Simulation

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

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

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

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

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

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