0 views

#f5df6f - Color Information

#f5df6f

Base Information

HEX

#f5df6f

RGB

245,223,111

HSL

50,87,70

HSV

50,55,96

CMYK

0,9,55,4

LAB

89,-6,57

LCH

89,57,96

XYZ

67,73,26

Web Safe

#ffcc66

Web Smart

#eedd77

is dark

luminosity

0.7334

Pantone Color

Combinations

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

#f5df6f

#6F85F5

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

#f5df6f

#6FC8F5

#9C6FF5

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

#f5df6f

#6FF5DF

#DF6FF5

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

#f5df6f

#6FF59C

#6F85F5

#F56FC8

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

#f5df6f

#6F85F5

#6FC8F5

#9C6FF5

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

#f5df6f

#C8F56F

#85F56F

#6FF59C

Shades

#f5df6f Light Tints

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

#F5DF6F

#F6E27D

#F7E58C

#F8E99A

#F9ECA9

#FAEFB7

#FBF2C5

#FCF5D4

#FDF9E2

#FEFCF1

#f5df6f Gray Shades

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

#F5DF6F

#E9D671

#DECC72

#D2C374

#C6B976

#BBB078

#AFA679

#A39D7B

#97937D

#8C8A7E

#f5df6f Dark Shades

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

#F5DF6F

#DDC964

#C4B259

#AC9C4E

#938643

#7B7038

#62592C

#494321

#312D16

#18160B

#f5df6f Red Shades

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

#F5DF6F

#F6C964

#F7B259

#F89C4E

#F98643

#FA7038

#FB592C

#FC4321

#FD2D16

#FE160B

#f5df6f Green Shades

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

#F5DF6F

#DDD664

#C4CC59

#ACC34E

#93B943

#7BB038

#62A62C

#499D21

#319316

#188A0B

#f5df6f Blue Shades

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

#F5DF6F

#DDC97D

#C4B28C

#AC9C9A

#9386A9

#7B70B7

#6259C5

#4943D4

#312DE2

#1816F1

Readability Analysis

#f5df6f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.67	AAA	Sample Text
Red	2.98	Fail	Sample Text
Green	3.83	A	Sample Text
Blue	6.41	AA	Sample Text

#f5df6f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.67	AAA	Sample Text
Red	2.98	Fail	Sample Text
Green	3.83	A	Sample Text
Blue	6.41	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f6de6f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbda93`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbd7b7`
Protanopia	No red perception - Dichromacy	`#f6de6e`
Deuteranopia	No green perception - Dichromacy	`#ffd7a7`
Tritanopia	No blue perception - Dichromacy	`#ffd2e1`
Achromatomaly	Partial color blindness - Monochromacy	`#e5ddb4`
Achromatopsia	Complete color blindness - Monochromacy	`#dcdcdc`

#f5df6f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5df6f Light Tints

#f5df6f Gray Shades

#f5df6f Dark Shades

#f5df6f Red Shades

#f5df6f Green Shades

#f5df6f Blue Shades

Readability Analysis

#f5df6f as Text Color

#f5df6f as Background Color

Color Blindness Simulation

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

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

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

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

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

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