0 views

#f5f09d - Color Information

#f5f09d

Base Information

HEX

#f5f09d

RGB

245,240,157

HSL

57,81,79

HSV

57,36,96

CMYK

0,2,36,4

LAB

94,-10,41

LCH

94,42,104

XYZ

75,84,44

Web Safe

#ffff99

Web Smart

#eeee99

is dark

luminosity

0.8417

Pantone Color

Combinations

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

#f5f09d

#9DA2F5

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

#f5f09d

#9DCEF5

#C49DF5

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

#f5f09d

#9DF5F0

#F09DF5

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

#f5f09d

#9DF5C4

#9DA2F5

#F59DCE

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

#f5f09d

#9DA2F5

#9DCEF5

#C49DF5

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

#f5f09d

#CEF59D

#A2F59D

#9DF5C4

Shades

#f5f09d Light Tints

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

#F5F09D

#F6F2A7

#F7F3B1

#F8F5BA

#F9F6C4

#FAF8CE

#FBF9D8

#FCFBE2

#FDFCEB

#FEFEF5

#f5f09d Gray Shades

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

#F5F09D

#E9E59A

#DEDA97

#D2CE94

#C6C391

#BBB88F

#AFAD8C

#A3A289

#979686

#8C8B83

#f5f09d Dark Shades

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

#F5F09D

#DDD88D

#C4C07E

#ACA86E

#93905E

#7B784F

#62603F

#49482F

#31301F

#181810

#f5f09d Red Shades

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

#F5F09D

#F6D88D

#F7C07E

#F8A86E

#F9905E

#FA784F

#FB603F

#FC482F

#FD301F

#FE1810

#f5f09d Green Shades

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

#F5F09D

#DDE58D

#C4DA7E

#ACCE6E

#93C35E

#7BB84F

#62AD3F

#49A22F

#31961F

#188B10

#f5f09d Blue Shades

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

#F5F09D

#DDD8A7

#C4C0B1

#ACA8BA

#9390C4

#7B78CE

#6260D8

#4948E2

#3130EB

#1818F5

Readability Analysis

#f5f09d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.83	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.36	A	Sample Text
Blue	7.30	AAA	Sample Text

#f5f09d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.83	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.36	A	Sample Text
Blue	7.30	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbeda2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbebc0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbe9d5`
Protanopia	No red perception - Dichromacy	`#ffeca5`
Deuteranopia	No green perception - Dichromacy	`#ffe8d4`
Tritanopia	No blue perception - Dichromacy	`#ffe5f5`
Achromatomaly	Partial color blindness - Monochromacy	`#efedcf`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#f5f09d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5f09d Light Tints

#f5f09d Gray Shades

#f5f09d Dark Shades

#f5f09d Red Shades

#f5f09d Green Shades

#f5f09d Blue Shades

Readability Analysis

#f5f09d as Text Color

#f5f09d as Background Color

Color Blindness Simulation

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

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

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

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

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

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