0 views

#f5f28d - Color Information

#f5f28d

Base Information

HEX

#f5f28d

RGB

245,242,141

HSL

58,84,76

HSV

58,42,96

CMYK

0,1,42,4

LAB

94,-13,49

LCH

94,51,105

XYZ

74,85,38

Web Safe

#ffff99

Web Smart

#eeee88

is dark

luminosity

0.8484

Pantone Color

Combinations

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

#f5f28d

#8D90F5

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

#f5f28d

#8DC4F5

#BE8DF5

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

#f5f28d

#8DF5F2

#F28DF5

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

#f5f28d

#8DF5BE

#8D90F5

#F58DC4

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

#f5f28d

#8D90F5

#8DC4F5

#BE8DF5

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

#f5f28d

#C4F58D

#90F58D

#8DF5BE

Shades

#f5f28d Light Tints

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

#F5F28D

#F6F398

#F7F5A4

#F8F6AF

#F9F7BB

#FAF9C6

#FBFAD1

#FCFBDD

#FDFCE8

#FEFEF4

#f5f28d Gray Shades

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

#F5F28D

#E9E78C

#DEDB8A

#D2D089

#C6C488

#BBB987

#AFAE85

#A3A284

#979783

#8C8B81

#f5f28d Dark Shades

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

#F5F28D

#DDDA7F

#C4C271

#ACA963

#939155

#7B7947

#626138

#49492A

#31301C

#18180E

#f5f28d Red Shades

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

#F5F28D

#F6DA7F

#F7C271

#F8A963

#F99155

#FA7947

#FB6138

#FC492A

#FD301C

#FE180E

#f5f28d Green Shades

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

#F5F28D

#DDE77F

#C4DB71

#ACD063

#93C455

#7BB947

#62AE38

#49A22A

#31971C

#188B0E

#f5f28d Blue Shades

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

#F5F28D

#DDDA98

#C4C2A4

#ACA9AF

#9391BB

#7B79C6

#6261D1

#4949DD

#3130E8

#1818F4

Readability Analysis

#f5f28d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

#f5f28d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbef9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbecba`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbeacf`
Protanopia	No red perception - Dichromacy	`#ffeda8`
Deuteranopia	No green perception - Dichromacy	`#ffe9d4`
Tritanopia	No blue perception - Dichromacy	`#ffe6f5`
Achromatomaly	Partial color blindness - Monochromacy	`#efeec9`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#f5f28d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5f28d Light Tints

#f5f28d Gray Shades

#f5f28d Dark Shades

#f5f28d Red Shades

#f5f28d Green Shades

#f5f28d Blue Shades

Readability Analysis

#f5f28d as Text Color

#f5f28d as Background Color

Color Blindness Simulation

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

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

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

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

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

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