0 views

#f8e00d - Color Information

#f8e00d

Base Information

HEX

#f8e00d

RGB

248,224,13

HSL

54,94,51

HSV

54,95,97

CMYK

0,10,95,3

LAB

89,-9,87

LCH

89,87,96

XYZ

65,73,11

Web Safe

#ffcc00

Web Smart

#ffdd11

is dark

luminosity

0.7330

Pantone Color

Combinations

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

#f8e00d

#0D25F8

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

#f8e00d

#0D9BF8

#6A0DF8

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

#f8e00d

#0DF8E0

#E00DF8

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

#f8e00d

#0DF86A

#0D25F8

#F80D9B

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

#f8e00d

#0D25F8

#0D9BF8

#6A0DF8

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

#f8e00d

#9BF80D

#25F80D

#0DF86A

Shades

#f8e00d Light Tints

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

#F8E00D

#F9E325

#F9E63D

#FAE956

#FBEC6E

#FCF086

#FCF39E

#FDF6B6

#FEF9CF

#FEFCE7

#f8e00d Gray Shades

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

#F8E00D

#ECD619

#E0CD24

#D4C330

#C8BA3B

#BCB047

#B0A652

#A49D5E

#989369

#8C8A75

#f8e00d Dark Shades

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

#F8E00D

#DFCA0C

#C6B30A

#AE9D09

#958608

#7C7007

#635A05

#4A4304

#322D03

#191601

#f8e00d Red Shades

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

#F8E00D

#F9CA0C

#F9B30A

#FA9D09

#FB8608

#FC7007

#FC5A05

#FD4304

#FE2D03

#FE1601

#f8e00d Green Shades

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

#F8E00D

#DFD60C

#C6CD0A

#AEC309

#95BA08

#7CB007

#63A605

#4A9D04

#329303

#198A01

#f8e00d Blue Shades

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

#F8E00D

#DFCA25

#C6B33D

#AE9D56

#95866E

#7C7086

#635A9E

#4A43B6

#322DCF

#1916E7

Readability Analysis

#f8e00d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.66	AAA	Sample Text
Red	2.98	Fail	Sample Text
Green	3.83	A	Sample Text
Blue	6.41	AA	Sample Text

#f8e00d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.66	AAA	Sample Text
Red	2.98	Fail	Sample Text
Green	3.83	A	Sample Text
Blue	6.41	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fadf12`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcdb6b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd792`
Protanopia	No red perception - Dichromacy	`#fbde14`
Deuteranopia	No green perception - Dichromacy	`#ffd8a1`
Tritanopia	No blue perception - Dichromacy	`#ffd2df`
Achromatomaly	Partial color blindness - Monochromacy	`#e2da8d`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#f8e00d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8e00d Light Tints

#f8e00d Gray Shades

#f8e00d Dark Shades

#f8e00d Red Shades

#f8e00d Green Shades

#f8e00d Blue Shades

Readability Analysis

#f8e00d as Text Color

#f8e00d as Background Color

Color Blindness Simulation

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

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

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

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

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

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