0 views

#ddd33f - Color Information

#ddd33f

Base Information

HEX

#ddd33f

RGB

221,211,63

HSL

56,70,56

HSV

56,71,87

CMYK

0,5,71,13

LAB

83,-13,70

LCH

83,71,100

XYZ

54,62,14

Web Safe

#cccc33

Web Smart

#ddcc44

is dark

luminosity

0.6232

Pantone Color

Combinations

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

#ddd33f

#3F49DD

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

#ddd33f

#3F98DD

#843FDD

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

#ddd33f

#3FDDD3

#D33FDD

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

#ddd33f

#3FDD84

#3F49DD

#DD3F98

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

#ddd33f

#3F49DD

#3F98DD

#843FDD

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

#ddd33f

#98DD3F

#49DD3F

#3FDD84

Shades

#ddd33f Light Tints

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

#DDD33F

#E0D752

#E4DC65

#E7E079

#EBE58C

#EEE99F

#F1EDB2

#F5F2C5

#F8F6D9

#FCFBEC

#ddd33f Gray Shades

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

#DDD33F

#D4CB46

#CAC24C

#C1BA53

#B8B259

#AFAA60

#A5A166

#9C996D

#939173

#89887A

#ddd33f Dark Shades

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

#DDD33F

#C7BE39

#B1A932

#9B942C

#857F26

#6F6A20

#585419

#423F13

#2C2A0D

#161506

#ddd33f Red Shades

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

#DDD33F

#E0BE39

#E4A932

#E7942C

#EB7F26

#EE6A20

#F15419

#F53F13

#F82A0D

#FC1506

#ddd33f Green Shades

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

#DDD33F

#C7CB39

#B1C232

#9BBA2C

#85B226

#6FAA20

#58A119

#429913

#2C910D

#168806

#ddd33f Blue Shades

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

#DDD33F

#C7BE52

#B1A965

#9B9479

#857F8C

#6F6A9F

#5854B2

#423FC5

#2C2AD9

#1615EC

Readability Analysis

#ddd33f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.46	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.29	A	Sample Text
Blue	5.51	AA	Sample Text

#ddd33f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.46	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.29	A	Sample Text
Blue	5.51	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4d040`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3ca54`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e5c99d`
Protanopia	No red perception - Dichromacy	`#e8ce40`
Deuteranopia	No green perception - Dichromacy	`#ffc45f`
Tritanopia	No blue perception - Dichromacy	`#eac4d3`
Achromatomaly	Partial color blindness - Monochromacy	`#d1ce98`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ddd33f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddd33f Light Tints

#ddd33f Gray Shades

#ddd33f Dark Shades

#ddd33f Red Shades

#ddd33f Green Shades

#ddd33f Blue Shades

Readability Analysis

#ddd33f as Text Color

#ddd33f as Background Color

Color Blindness Simulation

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

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

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

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

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

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