0 views

#dfdf1f - Color Information

#dfdf1f

Base Information

HEX

#dfdf1f

RGB

223,223,31

HSL

60,76,50

HSV

60,86,87

CMYK

0,0,86,13

LAB

86,-19,82

LCH

86,84,103

XYZ

57,69,12

Web Safe

#cccc33

Web Smart

#dddd22

is dark

luminosity

0.6856

Pantone Color

Combinations

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

#dfdf1f

#1F1FDF

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

#dfdf1f

#1F7FDF

#7F1FDF

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

#dfdf1f

#1FDFDF

#DF1FDF

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

#dfdf1f

#1FDF7F

#1F1FDF

#DF1F7F

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

#dfdf1f

#1F1FDF

#1F7FDF

#7F1FDF

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

#dfdf1f

#7FDF1F

#1FDF1F

#1FDF7F

Shades

#dfdf1f Light Tints

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

#DFDF1F

#E2E235

#E5E54C

#E9E962

#ECEC79

#EFEF8F

#F2F2A5

#F5F5BC

#F9F9D2

#FCFCE9

#dfdf1f Gray Shades

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

#DFDF1F

#D6D629

#CCCC32

#C3C33C

#B9B946

#B0B050

#A6A659

#9D9D63

#93936D

#8A8A76

#dfdf1f Dark Shades

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

#DFDF1F

#C9C91C

#B2B219

#9C9C16

#868613

#707010

#59590C

#434309

#2D2D06

#161603

#dfdf1f Red Shades

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

#DFDF1F

#E2C91C

#E5B219

#E99C16

#EC8613

#EF7010

#F2590C

#F54309

#F92D06

#FC1603

#dfdf1f Green Shades

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

#DFDF1F

#C9D61C

#B2CC19

#9CC316

#86B913

#70B010

#59A60C

#439D09

#2D9306

#168A03

#dfdf1f Blue Shades

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

#DFDF1F

#C9C935

#B2B24C

#9C9C62

#868679

#70708F

#5959A5

#4343BC

#2D2DD2

#1616E9

Readability Analysis

#dfdf1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

#dfdf1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecda21`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3d562`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e9d499`
Protanopia	No red perception - Dichromacy	`#f3d723`
Deuteranopia	No green perception - Dichromacy	`#ffd088`
Tritanopia	No blue perception - Dichromacy	`#efcede`
Achromatomaly	Partial color blindness - Monochromacy	`#d6d690`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#dfdf1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#dfdf1f Light Tints

#dfdf1f Gray Shades

#dfdf1f Dark Shades

#dfdf1f Red Shades

#dfdf1f Green Shades

#dfdf1f Blue Shades

Readability Analysis

#dfdf1f as Text Color

#dfdf1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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