0 views

#f0fb1c - Color Information

#f0fb1c

Base Information

HEX

#f0fb1c

RGB

240,251,28

HSL

63,97,55

HSV

63,89,98

CMYK

4,0,89,2

LAB

95,-26,90

LCH

95,93,106

XYZ

71,88,14

Web Safe

#ffff33

Web Smart

#eeff22

is dark

luminosity

0.8760

Pantone Color

Combinations

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

#f0fb1c

#271CFB

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

#f0fb1c

#1C80FB

#961CFB

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

#f0fb1c

#1CF0FB

#FB1CF0

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

#f0fb1c

#1CFB97

#271CFB

#FB1C80

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

#f0fb1c

#271CFB

#1C80FB

#961CFB

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

#f0fb1c

#80FB1C

#1CFB27

#1CFB97

Shades

#f0fb1c Light Tints

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

#F0FB1C

#F2FB33

#F3FC49

#F5FC60

#F6FD77

#F8FD8E

#F9FDA4

#FBFEBB

#FCFED2

#FEFFE8

#f0fb1c Gray Shades

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

#F0FB1C

#E5EF26

#DAE230

#CED63A

#C3CA44

#B8BE4E

#ADB158

#A2A562

#96996C

#8B8C76

#f0fb1c Dark Shades

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

#F0FB1C

#D8E219

#C0C916

#A8B014

#909711

#787E0E

#60640B

#484B08

#303206

#181903

#f0fb1c Red Shades

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

#F0FB1C

#F2E219

#F3C916

#F5B014

#F69711

#F87E0E

#F9640B

#FB4B08

#FC3206

#FE1903

#f0fb1c Green Shades

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

#F0FB1C

#D8EF19

#C0E216

#A8D614

#90CA11

#78BE0E

#60B10B

#48A508

#309906

#188C03

#f0fb1c Blue Shades

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

#F0FB1C

#D8E233

#C0C949

#A8B060

#909777

#787E8E

#6064A4

#484BBB

#3032D2

#1819E8

Readability Analysis

#f0fb1c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.52	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.58	AAA	Sample Text

#f0fb1c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.52	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.58	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf47f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faf395`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faf1a8`
Protanopia	No red perception - Dichromacy	`#fff0b8`
Deuteranopia	No green perception - Dichromacy	`#ffeed9`
Tritanopia	No blue perception - Dichromacy	`#ffebf8`
Achromatomaly	Partial color blindness - Monochromacy	`#ebef9e`
Achromatopsia	Complete color blindness - Monochromacy	`#e9e9e9`

#f0fb1c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0fb1c Light Tints

#f0fb1c Gray Shades

#f0fb1c Dark Shades

#f0fb1c Red Shades

#f0fb1c Green Shades

#f0fb1c Blue Shades

Readability Analysis

#f0fb1c as Text Color

#f0fb1c as Background Color

Color Blindness Simulation

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

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

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

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

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

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