0 views

#f8c06c - Color Information

#f8c06c

Base Information

HEX

#f8c06c

RGB

248,192,108

HSL

36,91,70

HSV

36,56,97

CMYK

0,23,56,3

LAB

81,11,50

LCH

81,51,78

XYZ

60,59,22

Web Safe

#ffcc66

Web Smart

#ffbb66

is dark

luminosity

0.5874

Pantone Color

Combinations

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

#f8c06c

#6CA4F8

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

#f8c06c

#6CEAF8

#7A6CF8

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

#f8c06c

#6CF8C0

#C06CF8

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

#f8c06c

#6CF87A

#6CA4F8

#F86CEA

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

#f8c06c

#6CA4F8

#6CEAF8

#7A6CF8

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

#f8c06c

#EAF86C

#A4F86C

#6CF87A

Shades

#f8c06c Light Tints

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

#F8C06C

#F9C67B

#F9CD89

#FAD398

#FBD9A7

#FCE0B6

#FCE6C4

#FDECD3

#FEF2E2

#FEF9F0

#f8c06c Gray Shades

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

#F8C06C

#ECBA6E

#E0B370

#D4AD72

#C8A674

#BCA076

#B09A78

#A4937A

#988D7C

#8C867E

#f8c06c Dark Shades

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

#F8C06C

#DFAD61

#C69A56

#AE864C

#957341

#7C6036

#634D2B

#4A3A20

#322616

#19130B

#f8c06c Red Shades

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

#F8C06C

#F9AD61

#F99A56

#FA864C

#FB7341

#FC6036

#FC4D2B

#FD3A20

#FE2616

#FE130B

#f8c06c Green Shades

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

#F8C06C

#DFBA61

#C6B356

#AEAD4C

#95A641

#7CA036

#639A2B

#4A9320

#328D16

#19860B

#f8c06c Blue Shades

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

#F8C06C

#DFAD7B

#C69A89

#AE8698

#9573A7

#7C60B6

#634DC4

#4A3AD3

#3226E2

#1913F0

Readability Analysis

#f8c06c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

#f8c06c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7c56e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8bf6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcb9a3`
Protanopia	No red perception - Dichromacy	`#ddc86f`
Deuteranopia	No green perception - Dichromacy	`#f7bf6c`
Tritanopia	No blue perception - Dichromacy	`#ffb5c2`
Achromatomaly	Partial color blindness - Monochromacy	`#d8c4a5`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#f8c06c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8c06c Light Tints

#f8c06c Gray Shades

#f8c06c Dark Shades

#f8c06c Red Shades

#f8c06c Green Shades

#f8c06c Blue Shades

Readability Analysis

#f8c06c as Text Color

#f8c06c as Background Color

Color Blindness Simulation

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

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

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

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

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

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