0 views

#f5fd4f - Color Information

#f5fd4f

Base Information

HEX

#f5fd4f

RGB

245,253,79

HSL

63,98,65

HSV

63,69,99

CMYK

3,0,69,1

LAB

96,-23,78

LCH

96,81,106

XYZ

74,90,21

Web Safe

#ffff66

Web Smart

#eeff55

is dark

luminosity

0.9023

Pantone Color

Combinations

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

#f5fd4f

#574FFD

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

#f5fd4f

#4F9EFD

#AE4FFD

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

#f5fd4f

#4FF5FD

#FD4FF5

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

#f5fd4f

#4FFDAE

#574FFD

#FD4F9E

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

#f5fd4f

#574FFD

#4F9EFD

#AE4FFD

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

#f5fd4f

#9EFD4F

#4FFD57

#4FFDAE

Shades

#f5fd4f Light Tints

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

#F5FD4F

#F6FD61

#F7FD72

#F8FE84

#F9FE95

#FAFEA7

#FBFEB9

#FCFECA

#FDFFDC

#FEFFED

#f5fd4f Gray Shades

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

#F5FD4F

#E9F154

#DEE459

#D2D85E

#C6CB63

#BBBF68

#AFB26C

#A3A671

#979976

#8C8D7B

#f5fd4f Dark Shades

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

#F5FD4F

#DDE447

#C4CA3F

#ACB137

#93982F

#7B7F28

#626520

#494C18

#313310

#181908

#f5fd4f Red Shades

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

#F5FD4F

#F6E447

#F7CA3F

#F8B137

#F9982F

#FA7F28

#FB6520

#FC4C18

#FD3310

#FE1908

#f5fd4f Green Shades

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

#F5FD4F

#DDF147

#C4E43F

#ACD837

#93CB2F

#7BBF28

#62B220

#49A618

#319910

#188D08

#f5fd4f Blue Shades

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

#F5FD4F

#DDE461

#C4CA72

#ACB184

#939895

#7B7FA7

#6265B9

#494CCA

#3133DC

#1819ED

Readability Analysis

#f5fd4f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.10	Fail	Sample Text
Black	19.05	AAA	Sample Text
Red	3.63	A	Sample Text
Green	4.66	AA	Sample Text
Blue	7.79	AAA	Sample Text

#f5fd4f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.10	Fail	Sample Text
Black	19.05	AAA	Sample Text
Red	3.63	A	Sample Text
Green	4.66	AA	Sample Text
Blue	7.79	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbf79d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbf6ad`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbf4bc`
Protanopia	No red perception - Dichromacy	`#fff4ca`
Deuteranopia	No green perception - Dichromacy	`#fff1e3`
Tritanopia	No blue perception - Dichromacy	`#ffeffa`
Achromatomaly	Partial color blindness - Monochromacy	`#f1f4b5`
Achromatopsia	Complete color blindness - Monochromacy	`#efefef`

#f5fd4f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5fd4f Light Tints

#f5fd4f Gray Shades

#f5fd4f Dark Shades

#f5fd4f Red Shades

#f5fd4f Green Shades

#f5fd4f Blue Shades

Readability Analysis

#f5fd4f as Text Color

#f5fd4f as Background Color

Color Blindness Simulation

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

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

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

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

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

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