0 views

#f8e45d - Color Information

#f8e45d

Base Information

HEX

#f8e45d

RGB

248,228,93

HSL

52,92,67

HSV

52,63,97

CMYK

0,8,63,3

LAB

90,-9,66

LCH

90,67,97

XYZ

68,76,21

Web Safe

#ffcc66

Web Smart

#ffdd55

is dark

luminosity

0.7623

Pantone Color

Combinations

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

#f8e45d

#5D71F8

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

#f8e45d

#5DBFF8

#965DF8

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

#f8e45d

#5DF8E4

#E45DF8

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

#f8e45d

#5DF896

#5D71F8

#F85DBF

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

#f8e45d

#5D71F8

#5DBFF8

#965DF8

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

#f8e45d

#BFF85D

#71F85D

#5DF896

Shades

#f8e45d Light Tints

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

#F8E45D

#F9E76D

#F9E97D

#FAEC8E

#FBEF9E

#FCF2AE

#FCF4BE

#FDF7CE

#FEFADF

#FEFCEF

#f8e45d Gray Shades

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

#F8E45D

#ECDA61

#E0D064

#D4C668

#C8BC6B

#BCB26F

#B0A872

#A49E76

#989479

#8C8A7D

#f8e45d Dark Shades

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

#F8E45D

#DFCD54

#C6B64A

#AEA041

#958938

#7C722F

#635B25

#4A441C

#322E13

#191709

#f8e45d Red Shades

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

#F8E45D

#F9CD54

#F9B64A

#FAA041

#FB8938

#FC722F

#FC5B25

#FD441C

#FE2E13

#FE1709

#f8e45d Green Shades

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

#F8E45D

#DFDA54

#C6D04A

#AEC641

#95BC38

#7CB22F

#63A825

#4A9E1C

#329413

#198A09

#f8e45d Blue Shades

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

#F8E45D

#DFCD6D

#C6B67D

#AEA08E

#95899E

#7C72AE

#635BBE

#4A44CE

#322EDF

#1917EF

Readability Analysis

#f8e45d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.25	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.65	AA	Sample Text

#f8e45d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.25	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.65	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbe35d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcdf93`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcdcb3`
Protanopia	No red perception - Dichromacy	`#fce25d`
Deuteranopia	No green perception - Dichromacy	`#ffdcb1`
Tritanopia	No blue perception - Dichromacy	`#ffd7e4`
Achromatomaly	Partial color blindness - Monochromacy	`#e8e1af`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#f8e45d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8e45d Light Tints

#f8e45d Gray Shades

#f8e45d Dark Shades

#f8e45d Red Shades

#f8e45d Green Shades

#f8e45d Blue Shades

Readability Analysis

#f8e45d as Text Color

#f8e45d as Background Color

Color Blindness Simulation

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

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

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

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

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

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