0 views

#fdbd3f - Color Information

#fdbd3f

Base Information

HEX

#fdbd3f

RGB

253,189,63

HSL

40,98,62

HSV

40,75,99

CMYK

0,25,75,1

LAB

81,12,69

LCH

81,70,80

XYZ

60,58,13

Web Safe

#ffcc33

Web Smart

#ffbb44

is dark

luminosity

0.5764

Pantone Color

Combinations

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

#fdbd3f

#3F7FFD

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

#fdbd3f

#3FDEFD

#5E3FFD

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

#fdbd3f

#3FFDBD

#BD3FFD

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

#fdbd3f

#3FFD5E

#3F7FFD

#FD3FDE

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

#fdbd3f

#3F7FFD

#3FDEFD

#5E3FFD

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

#fdbd3f

#DEFD3F

#7FFD3F

#3FFD5E

Shades

#fdbd3f Light Tints

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

#FDBD3F

#FDC452

#FDCA65

#FED179

#FED78C

#FEDE9F

#FEE5B2

#FEEBC5

#FFF2D9

#FFF8EC

#fdbd3f Gray Shades

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

#FDBD3F

#F1B746

#E4B14C

#D8AB53

#CBA559

#BF9F60

#B29866

#A6926D

#998C73

#8D867A

#fdbd3f Dark Shades

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

#FDBD3F

#E4AA39

#CA9732

#B1842C

#987126

#7F5F20

#654C19

#4C3913

#33260D

#191306

#fdbd3f Red Shades

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

#FDBD3F

#FDAA39

#FD9732

#FE842C

#FE7126

#FE5F20

#FE4C19

#FE3913

#FF260D

#FF1306

#fdbd3f Green Shades

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

#FDBD3F

#E4B739

#CAB132

#B1AB2C

#98A526

#7F9F20

#659819

#4C9213

#338C0D

#198606

#fdbd3f Blue Shades

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

#FDBD3F

#E4AA52

#CA9765

#B18479

#98718C

#7F5F9F

#654CB2

#4C39C5

#3326D9

#1913EC

Readability Analysis

#fdbd3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.13	AA	Sample Text

#fdbd3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eac342`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcbd40`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feb690`
Protanopia	No red perception - Dichromacy	`#dfc744`
Deuteranopia	No green perception - Dichromacy	`#fbbc41`
Tritanopia	No blue perception - Dichromacy	`#ffb2be`
Achromatomaly	Partial color blindness - Monochromacy	`#d7c092`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#fdbd3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdbd3f Light Tints

#fdbd3f Gray Shades

#fdbd3f Dark Shades

#fdbd3f Red Shades

#fdbd3f Green Shades

#fdbd3f Blue Shades

Readability Analysis

#fdbd3f as Text Color

#fdbd3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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