0 views

#f0c06c - Color Information

#f0c06c

Base Information

HEX

#f0c06c

RGB

240,192,108

HSL

38,81,68

HSV

38,55,94

CMYK

0,20,55,6

LAB

80,8,48

LCH

80,49,81

XYZ

57,57,22

Web Safe

#ffcc66

Web Smart

#eebb66

is dark

luminosity

0.5731

Pantone Color

Combinations

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

#f0c06c

#6C9CF0

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

#f0c06c

#6CDEF0

#7E6CF0

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

#f0c06c

#6CF0C0

#C06CF0

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

#f0c06c

#6CF07E

#6C9CF0

#F06CDE

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

#f0c06c

#6C9CF0

#6CDEF0

#7E6CF0

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

#f0c06c

#DEF06C

#9CF06C

#6CF07E

Shades

#f0c06c Light Tints

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

#F0C06C

#F2C67B

#F3CD89

#F5D398

#F6D9A7

#F8E0B6

#F9E6C4

#FBECD3

#FCF2E2

#FEF9F0

#f0c06c Gray Shades

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

#F0C06C

#E5BA6E

#DAB370

#CEAD72

#C3A674

#B8A076

#AD9A78

#A2937A

#968D7C

#8B867E

#f0c06c Dark Shades

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

#F0C06C

#D8AD61

#C09A56

#A8864C

#907341

#786036

#604D2B

#483A20

#302616

#18130B

#f0c06c Red Shades

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

#F0C06C

#F2AD61

#F39A56

#F5864C

#F67341

#F86036

#F94D2B

#FB3A20

#FC2616

#FE130B

#f0c06c Green Shades

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

#F0C06C

#D8BA61

#C0B356

#A8AD4C

#90A641

#78A036

#609A2B

#489320

#308D16

#18860B

#f0c06c Blue Shades

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

#F0C06C

#D8AD7B

#C09A89

#A88698

#9073A7

#7860B6

#604DC4

#483AD3

#3026E2

#1813F0

Readability Analysis

#f0c06c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.46	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.10	AA	Sample Text

#f0c06c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.46	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.10	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e2c46d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3be6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f5b9a3`
Protanopia	No red perception - Dichromacy	`#dbc66e`
Deuteranopia	No green perception - Dichromacy	`#f4bd6c`
Tritanopia	No blue perception - Dichromacy	`#f8b4c2`
Achromatomaly	Partial color blindness - Monochromacy	`#d4c3a4`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#f0c06c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0c06c Light Tints

#f0c06c Gray Shades

#f0c06c Dark Shades

#f0c06c Red Shades

#f0c06c Green Shades

#f0c06c Blue Shades

Readability Analysis

#f0c06c as Text Color

#f0c06c as Background Color

Color Blindness Simulation

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

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

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

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

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

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