0 views

#f0e42f - Color Information

#f0e42f

Base Information

HEX

#f0e42f

RGB

240,228,47

HSL

56,87,56

HSV

56,80,94

CMYK

0,5,80,6

LAB

89,-14,81

LCH

89,82,100

XYZ

64,74,14

Web Safe

#ffcc33

Web Smart

#eedd33

is dark

luminosity

0.7422

Pantone Color

Combinations

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

#f0e42f

#2F3BF0

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

#f0e42f

#2F9BF0

#832FF0

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

#f0e42f

#2FF0E4

#E42FF0

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

#f0e42f

#2FF084

#2F3BF0

#F02F9C

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

#f0e42f

#2F3BF0

#2F9BF0

#832FF0

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

#f0e42f

#9CF02F

#3BF02F

#2FF084

Shades

#f0e42f Light Tints

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

#F0E42F

#F2E744

#F3E959

#F5EC6D

#F6EF82

#F8F297

#F9F4AC

#FBF7C1

#FCFAD5

#FEFCEA

#f0e42f Gray Shades

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

#F0E42F

#E5DA37

#DAD03F

#CEC647

#C3BC4F

#B8B258

#ADA860

#A29E68

#969470

#8B8A78

#f0e42f Dark Shades

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

#F0E42F

#D8CD2A

#C0B626

#A8A021

#90891C

#787218

#605B13

#48440E

#302E09

#181705

#f0e42f Red Shades

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

#F0E42F

#F2CD2A

#F3B626

#F5A021

#F6891C

#F87218

#F95B13

#FB440E

#FC2E09

#FE1705

#f0e42f Green Shades

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

#F0E42F

#D8DA2A

#C0D026

#A8C621

#90BC1C

#78B218

#60A813

#489E0E

#309409

#188A05

#f0e42f Blue Shades

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

#F0E42F

#D8CD44

#C0B659

#A8A06D

#908982

#787297

#605BAC

#4844C1

#302ED5

#1817EA

Readability Analysis

#f0e42f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.33	Fail	Sample Text
Black	15.84	AAA	Sample Text
Red	3.02	A	Sample Text
Green	3.88	A	Sample Text
Blue	6.48	AA	Sample Text

#f0e42f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.33	Fail	Sample Text
Black	15.84	AAA	Sample Text
Red	3.02	A	Sample Text
Green	3.88	A	Sample Text
Blue	6.48	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f7e131`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fadd7b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fad9a2`
Protanopia	No red perception - Dichromacy	`#fcdf32`
Deuteranopia	No green perception - Dichromacy	`#ffd9a6`
Tritanopia	No blue perception - Dichromacy	`#ffd3e3`
Achromatomaly	Partial color blindness - Monochromacy	`#e2dd9b`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#f0e42f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0e42f Light Tints

#f0e42f Gray Shades

#f0e42f Dark Shades

#f0e42f Red Shades

#f0e42f Green Shades

#f0e42f Blue Shades

Readability Analysis

#f0e42f as Text Color

#f0e42f as Background Color

Color Blindness Simulation

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

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

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

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

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

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