0 views

#f8d71c - Color Information

#f8d71c

Base Information

HEX

#f8d71c

RGB

248,215,28

HSL

51,94,54

HSV

51,89,97

CMYK

0,13,89,3

LAB

86,-5,83

LCH

86,83,93

XYZ

63,69,11

Web Safe

#ffcc33

Web Smart

#ffdd22

is dark

luminosity

0.6864

Pantone Color

Combinations

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

#f8d71c

#1C3DF8

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

#f8d71c

#1CABF8

#691CF8

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

#f8d71c

#1CF8D7

#D71CF8

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

#f8d71c

#1CF869

#1C3DF8

#F81CAB

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

#f8d71c

#1C3DF8

#1CABF8

#691CF8

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

#f8d71c

#ABF81C

#3DF81C

#1CF869

Shades

#f8d71c Light Tints

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

#F8D71C

#F9DB33

#F9DF49

#FAE360

#FBE777

#FCEB8E

#FCEFA4

#FDF3BB

#FEF7D2

#FEFBE8

#f8d71c Gray Shades

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

#F8D71C

#ECCE26

#E0C630

#D4BD3A

#C8B444

#BCAC4E

#B0A358

#A49A62

#98916C

#8C8976

#f8d71c Dark Shades

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

#F8D71C

#DFC219

#C6AC16

#AE9714

#958111

#7C6C0E

#63560B

#4A4008

#322B06

#191503

#f8d71c Red Shades

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

#F8D71C

#F9C219

#F9AC16

#FA9714

#FB8111

#FC6C0E

#FC560B

#FD4008

#FE2B06

#FE1503

#f8d71c Green Shades

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

#F8D71C

#DFCE19

#C6C616

#AEBD14

#95B411

#7CAC0E

#63A30B

#4A9A08

#329106

#198903

#f8d71c Blue Shades

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

#F8D71C

#DFC233

#C6AC49

#AE9760

#958177

#7C6C8E

#6356A4

#4A40BB

#322BD2

#1915E8

Readability Analysis

#f8d71c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.73	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.03	AA	Sample Text

#f8d71c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.73	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.03	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f5d720`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd261`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcce92`
Protanopia	No red perception - Dichromacy	`#f3d722`
Deuteranopia	No green perception - Dichromacy	`#ffd088`
Tritanopia	No blue perception - Dichromacy	`#ffc9d6`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd38f`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#f8d71c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8d71c Light Tints

#f8d71c Gray Shades

#f8d71c Dark Shades

#f8d71c Red Shades

#f8d71c Green Shades

#f8d71c Blue Shades

Readability Analysis

#f8d71c as Text Color

#f8d71c as Background Color

Color Blindness Simulation

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

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

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

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

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

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