0 views

#f0c55e - Color Information

#f0c55e

Base Information

HEX

#f0c55e

RGB

240,197,94

HSL

42,83,65

HSV

42,61,94

CMYK

0,18,61,6

LAB

81,4,56

LCH

81,56,86

XYZ

58,59,19

Web Safe

#ffcc66

Web Smart

#eecc66

is dark

luminosity

0.5927

Pantone Color

Combinations

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

#f0c55e

#5E89F0

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

#f0c55e

#5ED2F0

#7C5EF0

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

#f0c55e

#5EF0C5

#C55EF0

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

#f0c55e

#5EF07C

#5E89F0

#F05ED2

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

#f0c55e

#5E89F0

#5ED2F0

#7C5EF0

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

#f0c55e

#D2F05E

#89F05E

#5EF07C

Shades

#f0c55e Light Tints

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

#F0C55E

#F2CB6E

#F3D17E

#F5D68E

#F6DC9E

#F8E2AF

#F9E8BF

#FBEECF

#FCF3DF

#FEF9EF

#f0c55e Gray Shades

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

#F0C55E

#E5BE61

#DAB765

#CEB068

#C3A96C

#B8A36F

#AD9C72

#A29576

#968E79

#8B877D

#f0c55e Dark Shades

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

#F0C55E

#D8B155

#C09E4B

#A88A42

#907638

#78632F

#604F26

#483B1C

#302713

#181409

#f0c55e Red Shades

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

#F0C55E

#F2B155

#F39E4B

#F58A42

#F67638

#F8632F

#F94F26

#FB3B1C

#FC2713

#FE1409

#f0c55e Green Shades

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

#F0C55E

#D8BE55

#C0B74B

#A8B042

#90A938

#78A32F

#609C26

#48951C

#308E13

#188709

#f0c55e Blue Shades

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

#F0C55E

#D8B16E

#C09E7E

#A88A8E

#90769E

#7863AF

#604FBF

#483BCF

#3027DF

#1814EF

Readability Analysis

#f0c55e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

#f0c55e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e6c85f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f7c15f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6bda0`
Protanopia	No red perception - Dichromacy	`#e0c960`
Deuteranopia	No green perception - Dichromacy	`#fabf60`
Tritanopia	No blue perception - Dichromacy	`#f9b8c6`
Achromatomaly	Partial color blindness - Monochromacy	`#d6c6a1`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#f0c55e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0c55e Light Tints

#f0c55e Gray Shades

#f0c55e Dark Shades

#f0c55e Red Shades

#f0c55e Green Shades

#f0c55e Blue Shades

Readability Analysis

#f0c55e as Text Color

#f0c55e as Background Color

Color Blindness Simulation

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

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

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

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

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

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