0 views

#f0dd9f - Color Information

#f0dd9f

Base Information

HEX

#f0dd9f

RGB

240,221,159

HSL

46,73,78

HSV

46,34,94

CMYK

0,8,34,6

LAB

88,-2,33

LCH

88,33,94

XYZ

68,73,43

Web Safe

#ffcc99

Web Smart

#eedd99

is dark

luminosity

0.7274

Pantone Color

Combinations

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

#f0dd9f

#9FB2F0

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

#f0dd9f

#9FDAF0

#B59FF0

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

#f0dd9f

#9FF0DD

#DD9FF0

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

#f0dd9f

#9FF0B4

#9FB2F0

#F09FDA

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

#f0dd9f

#9FB2F0

#9FDAF0

#B59FF0

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

#f0dd9f

#DBF09F

#B2F09F

#9FF0B4

Shades

#f0dd9f Light Tints

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

#F0DD9F

#F2E0A9

#F3E4B2

#F5E7BC

#F6EBC5

#F8EECF

#F9F1D9

#FBF5E2

#FCF8EC

#FEFCF5

#f0dd9f Gray Shades

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

#F0DD9F

#E5D49C

#DACA99

#CEC196

#C3B893

#B8AF90

#ADA58C

#A29C89

#969386

#8B8983

#f0dd9f Dark Shades

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

#F0DD9F

#D8C78F

#C0B17F

#A89B6F

#90855F

#786F50

#605840

#484230

#302C20

#181610

#f0dd9f Red Shades

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

#F0DD9F

#F2C78F

#F3B17F

#F59B6F

#F6855F

#F86F50

#F95840

#FB4230

#FC2C20

#FE1610

#f0dd9f Green Shades

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

#F0DD9F

#D8D48F

#C0CA7F

#A8C16F

#90B85F

#78AF50

#60A540

#489C30

#309320

#188910

#f0dd9f Blue Shades

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

#F0DD9F

#D8C7A9

#C0B1B2

#A89BBC

#9085C5

#786FCF

#6058D9

#4842E2

#302CEC

#1816F5

Readability Analysis

#f0dd9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.55	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.36	AA	Sample Text

#f0dd9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.55	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efdd9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fad8a9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6d6ca`
Protanopia	No red perception - Dichromacy	`#eedc9e`
Deuteranopia	No green perception - Dichromacy	`#ffd5af`
Tritanopia	No blue perception - Dichromacy	`#f9d3e3`
Achromatomaly	Partial color blindness - Monochromacy	`#e4ddc6`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#f0dd9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0dd9f Light Tints

#f0dd9f Gray Shades

#f0dd9f Dark Shades

#f0dd9f Red Shades

#f0dd9f Green Shades

#f0dd9f Blue Shades

Readability Analysis

#f0dd9f as Text Color

#f0dd9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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