0 views

#f8f57c - Color Information

#f8f57c

Base Information

HEX

#f8f57c

RGB

248,245,124

HSL

59,90,73

HSV

59,50,97

CMYK

0,1,50,3

LAB

95,-15,58

LCH

95,60,104

XYZ

75,87,32

Web Safe

#ffff66

Web Smart

#ffee77

is dark

luminosity

0.8672

Pantone Color

Combinations

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

#f8f57c

#7C7FF8

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

#f8f57c

#7CBDF8

#B77CF8

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

#f8f57c

#7CF8F5

#F57CF8

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

#f8f57c

#7CF8B7

#7C7FF8

#F87CBD

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

#f8f57c

#7C7FF8

#7CBDF8

#B77CF8

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

#f8f57c

#BDF87C

#7FF87C

#7CF8B7

Shades

#f8f57c Light Tints

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

#F8F57C

#F9F689

#F9F796

#FAF8A3

#FBF9B0

#FCFABE

#FCFBCB

#FDFCD8

#FEFDE5

#FEFEF2

#f8f57c Gray Shades

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

#F8F57C

#ECE97C

#E0DE7D

#D4D27D

#C8C67E

#BCBB7E

#B0AF7E

#A4A37F

#98977F

#8C8C80

#f8f57c Dark Shades

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

#F8F57C

#DFDD70

#C6C463

#AEAC57

#95934A

#7C7B3E

#636232

#4A4925

#323119

#19180C

#f8f57c Red Shades

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

#F8F57C

#F9DD70

#F9C463

#FAAC57

#FB934A

#FC7B3E

#FC6232

#FD4925

#FE3119

#FE180C

#f8f57c Green Shades

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

#F8F57C

#DFE970

#C6DE63

#AED257

#95C64A

#7CBB3E

#63AF32

#4AA325

#329719

#198C0C

#f8f57c Blue Shades

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

#F8F57C

#DFDD89

#C6C496

#AEACA3

#9593B0

#7C7BBE

#6362CB

#4A49D8

#3231E5

#1918F2

Readability Analysis

#f8f57c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.34	AAA	Sample Text
Red	3.49	A	Sample Text
Green	4.49	A	Sample Text
Blue	7.51	AAA	Sample Text

#f8f57c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.34	AAA	Sample Text
Red	3.49	A	Sample Text
Green	4.49	A	Sample Text
Blue	7.51	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcf1a0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcefb7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fceec9`
Protanopia	No red perception - Dichromacy	`#ffefb4`
Deuteranopia	No green perception - Dichromacy	`#ffecd9`
Tritanopia	No blue perception - Dichromacy	`#ffe9f5`
Achromatomaly	Partial color blindness - Monochromacy	`#f1f0c4`
Achromatopsia	Complete color blindness - Monochromacy	`#ededed`

#f8f57c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8f57c Light Tints

#f8f57c Gray Shades

#f8f57c Dark Shades

#f8f57c Red Shades

#f8f57c Green Shades

#f8f57c Blue Shades

Readability Analysis

#f8f57c as Text Color

#f8f57c as Background Color

Color Blindness Simulation

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

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

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

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

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

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