0 views

#f0c20a - Color Information

#f0c20a

Base Information

HEX

#f0c20a

RGB

240,194,10

HSL

48,92,49

HSV

48,96,94

CMYK

0,19,96,6

LAB

80,2,81

LCH

80,81,88

XYZ

55,57,8

Web Safe

#ffcc00

Web Smart

#eebb11

is dark

luminosity

0.5713

Pantone Color

Combinations

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

#f0c20a

#0A38F0

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

#f0c20a

#0AABF0

#4F0AF0

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

#f0c20a

#0AF0C2

#C20AF0

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

#f0c20a

#0AF04F

#0A38F0

#F00AAB

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

#f0c20a

#0A38F0

#0AABF0

#4F0AF0

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

#f0c20a

#ABF00A

#38F00A

#0AF04F

Shades

#f0c20a Light Tints

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

#F0C20A

#F2C822

#F3CE3B

#F5D454

#F6DA6C

#F8E185

#F9E79D

#FBEDB6

#FCF3CE

#FEF9E7

#f0c20a Gray Shades

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

#F0C20A

#E5BB16

#DAB522

#CEAE2D

#C3A839

#B8A145

#AD9A51

#A2945D

#968D68

#8B8774

#f0c20a Dark Shades

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

#F0C20A

#D8AF09

#C09B08

#A88807

#907406

#786105

#604E04

#483A03

#302702

#181301

#f0c20a Red Shades

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

#F0C20A

#F2AF09

#F39B08

#F58807

#F67406

#F86105

#F94E04

#FB3A03

#FC2702

#FE1301

#f0c20a Green Shades

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

#F0C20A

#D8BB09

#C0B508

#A8AE07

#90A806

#78A105

#609A04

#489403

#308D02

#188701

#f0c20a Blue Shades

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

#F0C20A

#D8AF22

#C09B3B

#A88854

#90746C

#786185

#604E9D

#483AB6

#3027CE

#1813E7

Readability Analysis

#f0c20a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.43	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

#f0c20a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.43	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e6c511`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8be14`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7b87e`
Protanopia	No red perception - Dichromacy	`#e0c614`
Deuteranopia	No green perception - Dichromacy	`#fcbb19`
Tritanopia	No blue perception - Dichromacy	`#fbb3c0`
Achromatomaly	Partial color blindness - Monochromacy	`#d0c07d`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#f0c20a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0c20a Light Tints

#f0c20a Gray Shades

#f0c20a Dark Shades

#f0c20a Red Shades

#f0c20a Green Shades

#f0c20a Blue Shades

Readability Analysis

#f0c20a as Text Color

#f0c20a as Background Color

Color Blindness Simulation

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

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

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

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

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

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