0 views

#f8fa5d - Color Information

#f8fa5d

Base Information

HEX

#f8fa5d

RGB

248,250,93

HSL

61,94,67

HSV

61,63,98

CMYK

1,0,63,2

LAB

96,-19,72

LCH

96,75,105

XYZ

75,89,24

Web Safe

#ffff66

Web Smart

#ffff55

is dark

luminosity

0.8912

Pantone Color

Combinations

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

#f8fa5d

#5F5DFA

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

#f8fa5d

#5DAAFA

#AD5DFA

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

#f8fa5d

#5DF8FA

#FA5DF8

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

#f8fa5d

#5DFAAD

#5F5DFA

#FA5DAA

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

#f8fa5d

#5F5DFA

#5DAAFA

#AD5DFA

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

#f8fa5d

#AAFA5D

#5DFA5F

#5DFAAD

Shades

#f8fa5d Light Tints

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

#F8FA5D

#F9FB6D

#F9FB7D

#FAFC8E

#FBFC9E

#FCFDAE

#FCFDBE

#FDFECE

#FEFEDF

#FEFFEF

#f8fa5d Gray Shades

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

#F8FA5D

#ECEE61

#E0E264

#D4D568

#C8C96B

#BCBD6F

#B0B172

#A4A576

#989879

#8C8C7D

#f8fa5d Dark Shades

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

#F8FA5D

#DFE154

#C6C84A

#AEAF41

#959638

#7C7D2F

#636425

#4A4B1C

#323213

#191909

#f8fa5d Red Shades

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

#F8FA5D

#F9E154

#F9C84A

#FAAF41

#FB9638

#FC7D2F

#FC6425

#FD4B1C

#FE3213

#FE1909

#f8fa5d Green Shades

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

#F8FA5D

#DFEE54

#C6E24A

#AED541

#95C938

#7CBD2F

#63B125

#4AA51C

#329813

#198C09

#f8fa5d Blue Shades

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

#F8FA5D

#DFE16D

#C6C87D

#AEAF8E

#95969E

#7C7DAE

#6364BE

#4A4BCE

#3232DF

#1919EF

Readability Analysis

#f8fa5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.82	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.70	AAA	Sample Text

#f8fa5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.82	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.70	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcf59e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcf3b0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcf2bf`
Protanopia	No red perception - Dichromacy	`#fff2c3`
Deuteranopia	No green perception - Dichromacy	`#fff0df`
Tritanopia	No blue perception - Dichromacy	`#ffedf7`
Achromatomaly	Partial color blindness - Monochromacy	`#f2f3b9`
Achromatopsia	Complete color blindness - Monochromacy	`#eeeeee`

#f8fa5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8fa5d Light Tints

#f8fa5d Gray Shades

#f8fa5d Dark Shades

#f8fa5d Red Shades

#f8fa5d Green Shades

#f8fa5d Blue Shades

Readability Analysis

#f8fa5d as Text Color

#f8fa5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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