0 views

#f5d622 - Color Information

#f5d622

Base Information

HEX

#f5d622

RGB

245,214,34

HSL

51,91,55

HSV

51,86,96

CMYK

0,13,86,4

LAB

86,-5,82

LCH

86,82,94

XYZ

62,68,11

Web Safe

#ffcc33

Web Smart

#eedd22

is dark

luminosity

0.6762

Pantone Color

Combinations

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

#f5d622

#2241F5

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

#f5d622

#22AAF5

#6D22F5

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

#f5d622

#22F5D6

#D622F5

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

#f5d622

#22F56D

#2241F5

#F522AA

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

#f5d622

#2241F5

#22AAF5

#6D22F5

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

#f5d622

#AAF522

#41F522

#22F56D

Shades

#f5d622 Light Tints

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

#F5D622

#F6DA38

#F7DE4E

#F8E264

#F9E67A

#FAEB91

#FBEFA7

#FCF3BD

#FDF7D3

#FEFBE9

#f5d622 Gray Shades

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

#F5D622

#E9CD2B

#DEC535

#D2BC3E

#C6B448

#BBAB51

#AFA25A

#A39A64

#97916D

#8C8977

#f5d622 Dark Shades

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

#F5D622

#DDC11F

#C4AB1B

#AC9618

#938014

#7B6B11

#62560E

#49400A

#312B07

#181503

#f5d622 Red Shades

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

#F5D622

#F6C11F

#F7AB1B

#F89618

#F98014

#FA6B11

#FB560E

#FC400A

#FD2B07

#FE1503

#f5d622 Green Shades

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

#F5D622

#DDCD1F

#C4C51B

#ACBC18

#93B414

#7BAB11

#62A20E

#499A0A

#319107

#188903

#f5d622 Blue Shades

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

#F5D622

#DDC138

#C4AB4E

#AC9664

#93807A

#7B6B91

#6256A7

#4940BD

#312BD3

#1815E9

Readability Analysis

#f5d622 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

#f5d622 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3d625`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbd15f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbcd94`
Protanopia	No red perception - Dichromacy	`#f2d627`
Deuteranopia	No green perception - Dichromacy	`#ffce82`
Tritanopia	No blue perception - Dichromacy	`#ffc7d5`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd290`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#f5d622 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5d622 Light Tints

#f5d622 Gray Shades

#f5d622 Dark Shades

#f5d622 Red Shades

#f5d622 Green Shades

#f5d622 Blue Shades

Readability Analysis

#f5d622 as Text Color

#f5d622 as Background Color

Color Blindness Simulation

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

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

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

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

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

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