0 views

#f0fd1a - Color Information

#f0fd1a

Base Information

HEX

#f0fd1a

RGB

240,253,26

HSL

63,98,55

HSV

63,90,99

CMYK

5,0,90,1

LAB

96,-26,90

LCH

96,94,106

XYZ

71,89,14

Web Safe

#ffff33

Web Smart

#eeff22

is dark

luminosity

0.8885

Pantone Color

Combinations

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

#f0fd1a

#271AFD

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

#f0fd1a

#1A7EFD

#991AFD

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

#f0fd1a

#1AF0FD

#FD1AF0

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

#f0fd1a

#1AFD99

#271AFD

#FD1A7E

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

#f0fd1a

#271AFD

#1A7EFD

#991AFD

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

#f0fd1a

#7EFD1A

#1AFD27

#1AFD99

Shades

#f0fd1a Light Tints

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

#F0FD1A

#F2FD31

#F3FD48

#F5FE5F

#F6FE76

#F8FE8D

#F9FEA3

#FBFEBA

#FCFFD1

#FEFFE8

#f0fd1a Gray Shades

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

#F0FD1A

#E5F124

#DAE42E

#CED839

#C3CB43

#B8BF4D

#ADB257

#A2A661

#96996C

#8B8D76

#f0fd1a Dark Shades

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

#F0FD1A

#D8E417

#C0CA15

#A8B112

#909810

#787F0D

#60650A

#484C08

#303305

#181903

#f0fd1a Red Shades

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

#F0FD1A

#F2E417

#F3CA15

#F5B112

#F69810

#F87F0D

#F9650A

#FB4C08

#FC3305

#FE1903

#f0fd1a Green Shades

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

#F0FD1A

#D8F117

#C0E415

#A8D812

#90CB10

#78BF0D

#60B20A

#48A608

#309905

#188D03

#f0fd1a Blue Shades

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

#F0FD1A

#D8E431

#C0CA48

#A8B15F

#909876

#787F8D

#6065A3

#484CBA

#3033D1

#1819E8

Readability Analysis

#f0fd1a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.77	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.59	AA	Sample Text
Blue	7.68	AAA	Sample Text

#f0fd1a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.77	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.59	AA	Sample Text
Blue	7.68	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf684`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faf496`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faf3a8`
Protanopia	No red perception - Dichromacy	`#fff2c1`
Deuteranopia	No green perception - Dichromacy	`#ffefde`
Tritanopia	No blue perception - Dichromacy	`#ffedfa`
Achromatomaly	Partial color blindness - Monochromacy	`#ecf19e`
Achromatopsia	Complete color blindness - Monochromacy	`#eaeaea`

#f0fd1a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0fd1a Light Tints

#f0fd1a Gray Shades

#f0fd1a Dark Shades

#f0fd1a Red Shades

#f0fd1a Green Shades

#f0fd1a Blue Shades

Readability Analysis

#f0fd1a as Text Color

#f0fd1a as Background Color

Color Blindness Simulation

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

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

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

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

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

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