0 views

#f1d73b - Color Information

#f1d73b

Base Information

HEX

#f1d73b

RGB

241,215,59

HSL

51,87,59

HSV

51,76,95

CMYK

0,11,76,5

LAB

86,-7,75

LCH

86,75,95

XYZ

61,68,14

Web Safe

#ffcc33

Web Smart

#eedd33

is dark

luminosity

0.6762

Pantone Color

Combinations

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

#f1d73b

#3B55F1

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

#f1d73b

#3BB0F1

#7C3BF1

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

#f1d73b

#3BF1D7

#D73BF1

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

#f1d73b

#3BF17C

#3B55F1

#F13BB0

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

#f1d73b

#3B55F1

#3BB0F1

#7C3BF1

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

#f1d73b

#B0F13B

#55F13B

#3BF17C

Shades

#f1d73b Light Tints

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

#F1D73B

#F2DB4F

#F4DF62

#F5E376

#F7E789

#F8EB9D

#F9EFB1

#FBF3C4

#FCF7D8

#FEFBEB

#f1d73b Gray Shades

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

#F1D73B

#E6CE42

#DAC649

#CFBD50

#C4B457

#B9AC5E

#ADA364

#A29A6B

#979172

#8B8979

#f1d73b Dark Shades

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

#F1D73B

#D9C235

#C1AC2F

#A99729

#918123

#796C1E

#605618

#484012

#302B0C

#181506

#f1d73b Red Shades

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

#F1D73B

#F2C235

#F4AC2F

#F59729

#F78123

#F86C1E

#F95618

#FB4012

#FC2B0C

#FE1506

#f1d73b Green Shades

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

#F1D73B

#D9CE35

#C1C62F

#A9BD29

#91B423

#79AC1E

#60A318

#489A12

#30910C

#188906

#f1d73b Blue Shades

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

#F1D73B

#D9C24F

#C1AC62

#A99776

#918189

#796C9D

#6056B1

#4840C4

#302BD8

#1815EB

Readability Analysis

#f1d73b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

#f1d73b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1d63d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fad16a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9cd9e`
Protanopia	No red perception - Dichromacy	`#f1d63d`
Deuteranopia	No green perception - Dichromacy	`#ffce84`
Tritanopia	No blue perception - Dichromacy	`#fec7d7`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd39b`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#f1d73b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f1d73b Light Tints

#f1d73b Gray Shades

#f1d73b Dark Shades

#f1d73b Red Shades

#f1d73b Green Shades

#f1d73b Blue Shades

Readability Analysis

#f1d73b as Text Color

#f1d73b as Background Color

Color Blindness Simulation

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

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

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

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

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

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