0 views

#f0f44a - Color Information

#f0f44a

Base Information

HEX

#f0f44a

RGB

240,244,74

HSL

61,89,62

HSV

61,70,96

CMYK

2,0,70,4

LAB

93,-21,77

LCH

93,80,105

XYZ

70,84,19

Web Safe

#ffff33

Web Smart

#eeee44

is dark

luminosity

0.8372

Pantone Color

Combinations

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

#f0f44a

#4E4AF4

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

#f0f44a

#4A9BF4

#A34AF4

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

#f0f44a

#4AF0F4

#F44AF0

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

#f0f44a

#4AF4A3

#4E4AF4

#F44A9B

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

#f0f44a

#4E4AF4

#4A9BF4

#A34AF4

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

#f0f44a

#9BF44A

#4AF44E

#4AF4A3

Shades

#f0f44a Light Tints

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

#F0F44A

#F2F55C

#F3F66E

#F5F780

#F6F892

#F8FAA5

#F9FBB7

#FBFCC9

#FCFDDB

#FEFEED

#f0f44a Gray Shades

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

#F0F44A

#E5E84F

#DADD55

#CED15A

#C3C660

#B8BA65

#ADAE6A

#A2A370

#969775

#8B8C7B

#f0f44a Dark Shades

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

#F0F44A

#D8DC43

#C0C33B

#A8AB34

#90922C

#787A25

#60621E

#484916

#30310F

#181807

#f0f44a Red Shades

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

#F0F44A

#F2DC43

#F3C33B

#F5AB34

#F6922C

#F87A25

#F9621E

#FB4916

#FC310F

#FE1807

#f0f44a Green Shades

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

#F0F44A

#D8E843

#C0DD3B

#A8D134

#90C62C

#78BA25

#60AE1E

#48A316

#30970F

#188C07

#f0f44a Blue Shades

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

#F0F44A

#D8DC5C

#C0C36E

#A8AB80

#909292

#787AA5

#6062B7

#4849C9

#3031DB

#1818ED

Readability Analysis

#f0f44a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.74	AAA	Sample Text
Red	3.38	A	Sample Text
Green	4.34	A	Sample Text
Blue	7.26	AAA	Sample Text

#f0f44a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.74	AAA	Sample Text
Red	3.38	A	Sample Text
Green	4.34	A	Sample Text
Blue	7.26	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faef7e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faec9d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faeab6`
Protanopia	No red perception - Dichromacy	`#ffec9b`
Deuteranopia	No green perception - Dichromacy	`#ffe8cd`
Tritanopia	No blue perception - Dichromacy	`#ffe4f4`
Achromatomaly	Partial color blindness - Monochromacy	`#eaecae`
Achromatopsia	Complete color blindness - Monochromacy	`#e7e7e7`

#f0f44a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0f44a Light Tints

#f0f44a Gray Shades

#f0f44a Dark Shades

#f0f44a Red Shades

#f0f44a Green Shades

#f0f44a Blue Shades

Readability Analysis

#f0f44a as Text Color

#f0f44a as Background Color

Color Blindness Simulation

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

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

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

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

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

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