0 views

#f5f20c - Color Information

#f5f20c

Base Information

HEX

#f5f20c

RGB

245,242,12

HSL

59,92,50

HSV

59,95,96

CMYK

0,1,95,4

LAB

93,-19,90

LCH

93,92,102

XYZ

69,83,13

Web Safe

#ffff00

Web Smart

#eeee11

is dark

luminosity

0.8294

Pantone Color

Combinations

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

#f5f20c

#0C0FF5

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

#f5f20c

#0C83F5

#7E0CF5

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

#f5f20c

#0CF5F2

#F20CF5

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

#f5f20c

#0CF57E

#0C0FF5

#F50C83

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

#f5f20c

#0C0FF5

#0C83F5

#7E0CF5

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

#f5f20c

#83F50C

#0FF50C

#0CF57E

Shades

#f5f20c Light Tints

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

#F5F20C

#F6F324

#F7F53D

#F8F655

#F9F76D

#FAF986

#FBFA9E

#FCFBB6

#FDFCCE

#FEFEE7

#f5f20c Gray Shades

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

#F5F20C

#E9E718

#DEDB23

#D2D02F

#C6C43A

#BBB946

#AFAE52

#A3A25D

#979769

#8C8B74

#f5f20c Dark Shades

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

#F5F20C

#DDDA0B

#C4C20A

#ACA908

#939107

#7B7906

#626105

#494904

#313002

#181801

#f5f20c Red Shades

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

#F5F20C

#F6DA0B

#F7C20A

#F8A908

#F99107

#FA7906

#FB6105

#FC4904

#FD3002

#FE1801

#f5f20c Green Shades

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

#F5F20C

#DDE70B

#C4DB0A

#ACD008

#93C407

#7BB906

#62AE05

#49A204

#319702

#188B01

#f5f20c Blue Shades

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

#F5F20C

#DDDA24

#C4C23D

#ACA955

#93916D

#7B7986

#62619E

#4949B6

#3130CE

#1818E7

Readability Analysis

#f5f20c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.59	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.20	AAA	Sample Text

#f5f20c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.59	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.20	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbed62`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbeb84`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbe89d`
Protanopia	No red perception - Dichromacy	`#ffeb93`
Deuteranopia	No green perception - Dichromacy	`#ffe7c9`
Tritanopia	No blue perception - Dichromacy	`#ffe3ef`
Achromatomaly	Partial color blindness - Monochromacy	`#e9e894`
Achromatopsia	Complete color blindness - Monochromacy	`#e2e2e2`

#f5f20c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5f20c Light Tints

#f5f20c Gray Shades

#f5f20c Dark Shades

#f5f20c Red Shades

#f5f20c Green Shades

#f5f20c Blue Shades

Readability Analysis

#f5f20c as Text Color

#f5f20c as Background Color

Color Blindness Simulation

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

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

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

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

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

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