0 views

#f0cd6f - Color Information

#f0cd6f

Base Information

HEX

#f0cd6f

RGB

240,205,111

HSL

44,81,69

HSV

44,54,94

CMYK

0,15,54,6

LAB

84,1,51

LCH

84,51,89

XYZ

61,63,24

Web Safe

#ffcc66

Web Smart

#eecc77

is dark

luminosity

0.6334

Pantone Color

Combinations

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

#f0cd6f

#6F92F0

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

#f0cd6f

#6FD2F0

#8D6FF0

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

#f0cd6f

#6FF0CD

#CD6FF0

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

#f0cd6f

#6FF08D

#6F92F0

#F06FD2

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

#f0cd6f

#6F92F0

#6FD2F0

#8D6FF0

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

#f0cd6f

#D2F06F

#92F06F

#6FF08D

Shades

#f0cd6f Light Tints

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

#F0CD6F

#F2D27D

#F3D78C

#F5DC9A

#F6E1A9

#F8E6B7

#F9EBC5

#FBF0D4

#FCF5E2

#FEFAF1

#f0cd6f Gray Shades

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

#F0CD6F

#E5C571

#DABE72

#CEB674

#C3AE76

#B8A778

#AD9F79

#A2977B

#968F7D

#8B887E

#f0cd6f Dark Shades

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

#F0CD6F

#D8B964

#C0A459

#A8904E

#907B43

#786738

#60522C

#483D21

#302916

#18140B

#f0cd6f Red Shades

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

#F0CD6F

#F2B964

#F3A459

#F5904E

#F67B43

#F86738

#F9522C

#FB3D21

#FC2916

#FE140B

#f0cd6f Green Shades

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

#F0CD6F

#D8C564

#C0BE59

#A8B64E

#90AE43

#78A738

#609F2C

#489721

#308F16

#18880B

#f0cd6f Blue Shades

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

#F0CD6F

#D8B97D

#C0A48C

#A8909A

#907BA9

#7867B7

#6052C5

#483DD4

#3029E2

#1814F1

Readability Analysis

#f0cd6f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.67	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.59	AA	Sample Text

#f0cd6f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.67	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.59	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9ce6f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fac872`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6c5ac`
Protanopia	No red perception - Dichromacy	`#e5cf70`
Deuteranopia	No green perception - Dichromacy	`#ffc673`
Tritanopia	No blue perception - Dichromacy	`#fac0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#dacdab`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#f0cd6f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0cd6f Light Tints

#f0cd6f Gray Shades

#f0cd6f Dark Shades

#f0cd6f Red Shades

#f0cd6f Green Shades

#f0cd6f Blue Shades

Readability Analysis

#f0cd6f as Text Color

#f0cd6f as Background Color

Color Blindness Simulation

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

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

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

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

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

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