0 views

#f5da3d - Color Information

#f5da3d

Base Information

HEX

#f5da3d

RGB

245,218,61

HSL

51,90,60

HSV

51,75,96

CMYK

0,11,75,4

LAB

87,-6,75

LCH

87,76,95

XYZ

64,70,15

Web Safe

#ffcc33

Web Smart

#eedd44

is dark

luminosity

0.6989

Pantone Color

Combinations

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

#f5da3d

#3D58F5

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

#f5da3d

#3DB4F5

#7E3DF5

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

#f5da3d

#3DF5DA

#DA3DF5

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

#f5da3d

#3DF57E

#3D58F5

#F53DB4

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

#f5da3d

#3D58F5

#3DB4F5

#7E3DF5

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

#f5da3d

#B4F53D

#58F53D

#3DF57E

Shades

#f5da3d Light Tints

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

#F5DA3D

#F6DE50

#F7E164

#F8E577

#F9E98B

#FAED9E

#FBF0B1

#FCF4C5

#FDF8D8

#FEFBEC

#f5da3d Gray Shades

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

#F5DA3D

#E9D144

#DEC84A

#D2BF51

#C6B658

#BBAD5F

#AFA465

#A39B6C

#979273

#8C8979

#f5da3d Dark Shades

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

#F5DA3D

#DDC437

#C4AE31

#AC992B

#938325

#7B6D1F

#625718

#494112

#312C0C

#181606

#f5da3d Red Shades

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

#F5DA3D

#F6C437

#F7AE31

#F8992B

#F98325

#FA6D1F

#FB5718

#FC4112

#FD2C0C

#FE1606

#f5da3d Green Shades

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

#F5DA3D

#DDD137

#C4C831

#ACBF2B

#93B625

#7BAD1F

#62A418

#499B12

#31920C

#188906

#f5da3d Blue Shades

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

#F5DA3D

#DDC450

#C4AE64

#AC9977

#93838B

#7B6D9E

#6257B1

#4941C5

#312CD8

#1816EC

Readability Analysis

#f5da3d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.98	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.66	A	Sample Text
Blue	6.13	AA	Sample Text

#f5da3d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.98	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.66	A	Sample Text
Blue	6.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f5d93e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbd573`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbd1a1`
Protanopia	No red perception - Dichromacy	`#f4d93f`
Deuteranopia	No green perception - Dichromacy	`#ffd291`
Tritanopia	No blue perception - Dichromacy	`#ffccda`
Achromatomaly	Partial color blindness - Monochromacy	`#e0d69d`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#f5da3d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5da3d Light Tints

#f5da3d Gray Shades

#f5da3d Dark Shades

#f5da3d Red Shades

#f5da3d Green Shades

#f5da3d Blue Shades

Readability Analysis

#f5da3d as Text Color

#f5da3d as Background Color

Color Blindness Simulation

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

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

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

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

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

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