0 views

#f0cf1a - Color Information

#f0cf1a

Base Information

HEX

#f0cf1a

RGB

240,207,26

HSL

51,88,52

HSV

51,89,94

CMYK

0,14,89,6

LAB

84,-4,81

LCH

84,81,93

XYZ

58,63,10

Web Safe

#ffcc33

Web Smart

#eecc22

is dark

luminosity

0.6323

Pantone Color

Combinations

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

#f0cf1a

#1A3BF0

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

#f0cf1a

#1AA6F0

#641AF0

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

#f0cf1a

#1AF0CF

#CF1AF0

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

#f0cf1a

#1AF064

#1A3BF0

#F01AA6

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

#f0cf1a

#1A3BF0

#1AA6F0

#641AF0

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

#f0cf1a

#A6F01A

#3BF01A

#1AF064

Shades

#f0cf1a Light Tints

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

#F0CF1A

#F2D431

#F3D948

#F5DD5F

#F6E276

#F8E78D

#F9ECA3

#FBF1BA

#FCF5D1

#FEFAE8

#f0cf1a Gray Shades

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

#F0CF1A

#E5C724

#DABF2E

#CEB739

#C3AF43

#B8A84D

#ADA057

#A29861

#96906C

#8B8876

#f0cf1a Dark Shades

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

#F0CF1A

#D8BA17

#C0A615

#A89112

#907C10

#78680D

#60530A

#483E08

#302905

#181503

#f0cf1a Red Shades

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

#F0CF1A

#F2BA17

#F3A615

#F59112

#F67C10

#F8680D

#F9530A

#FB3E08

#FC2905

#FE1503

#f0cf1a Green Shades

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

#F0CF1A

#D8C717

#C0BF15

#A8B712

#90AF10

#78A80D

#60A00A

#489808

#309005

#188803

#f0cf1a Blue Shades

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

#F0CF1A

#D8BA31

#C0A648

#A8915F

#907C76

#78688D

#6053A3

#483EBA

#3029D1

#1815E8

Readability Analysis

#f0cf1a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.65	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

#f0cf1a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.65	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edcf1e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fac948`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f8c58c`
Protanopia	No red perception - Dichromacy	`#ebd020`
Deuteranopia	No green perception - Dichromacy	`#ffc662`
Tritanopia	No blue perception - Dichromacy	`#fdbfce`
Achromatomaly	Partial color blindness - Monochromacy	`#d7cb89`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#f0cf1a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0cf1a Light Tints

#f0cf1a Gray Shades

#f0cf1a Dark Shades

#f0cf1a Red Shades

#f0cf1a Green Shades

#f0cf1a Blue Shades

Readability Analysis

#f0cf1a as Text Color

#f0cf1a as Background Color

Color Blindness Simulation

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

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

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

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

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

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