0 views

#f6dd5d - Color Information

#f6dd5d

Base Information

HEX

#f6dd5d

RGB

246,221,93

HSL

50,89,66

HSV

50,62,96

CMYK

0,10,62,4

LAB

88,-6,64

LCH

88,64,95

XYZ

66,72,21

Web Safe

#ffcc66

Web Smart

#eedd55

is dark

luminosity

0.7210

Pantone Color

Combinations

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

#f6dd5d

#5D76F6

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

#f6dd5d

#5DC3F6

#905DF6

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

#f6dd5d

#5DF6DD

#DD5DF6

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

#f6dd5d

#5DF691

#5D76F6

#F65DC3

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

#f6dd5d

#5D76F6

#5DC3F6

#905DF6

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

#f6dd5d

#C3F65D

#76F65D

#5DF691

Shades

#f6dd5d Light Tints

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

#F6DD5D

#F7E06D

#F8E47D

#F9E78E

#FAEB9E

#FBEEAE

#FBF1BE

#FCF5CE

#FDF8DF

#FEFCEF

#f6dd5d Gray Shades

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

#F6DD5D

#EAD461

#DECA64

#D3C168

#C7B86B

#BBAF6F

#AFA572

#A39C76

#989379

#8C897D

#f6dd5d Dark Shades

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

#F6DD5D

#DDC754

#C5B14A

#AC9B41

#948538

#7B6F2F

#625825

#4A421C

#312C13

#191609

#f6dd5d Red Shades

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

#F6DD5D

#F7C754

#F8B14A

#F99B41

#FA8538

#FB6F2F

#FB5825

#FC421C

#FD2C13

#FE1609

#f6dd5d Green Shades

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

#F6DD5D

#DDD454

#C5CA4A

#ACC141

#94B838

#7BAF2F

#62A525

#4A9C1C

#319313

#198909

#f6dd5d Blue Shades

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

#F6DD5D

#DDC76D

#C5B17D

#AC9B8E

#94859E

#7B6FAE

#6258BE

#4A42CE

#312CDF

#1916EF

Readability Analysis

#f6dd5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.42	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

#f6dd5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.42	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f6dc5d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd887`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd5af`
Protanopia	No red perception - Dichromacy	`#f6dc5d`
Deuteranopia	No green perception - Dichromacy	`#ffd59f`
Tritanopia	No blue perception - Dichromacy	`#ffd0de`
Achromatomaly	Partial color blindness - Monochromacy	`#e4dbac`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#f6dd5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f6dd5d Light Tints

#f6dd5d Gray Shades

#f6dd5d Dark Shades

#f6dd5d Red Shades

#f6dd5d Green Shades

#f6dd5d Blue Shades

Readability Analysis

#f6dd5d as Text Color

#f6dd5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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