0 views

#ffdd3c - Color Information

#ffdd3c

Base Information

HEX

#ffdd3c

RGB

255,221,60

HSL

50,100,62

HSV

50,76,100

CMYK

0,13,76,0

LAB

89,-4,77

LCH

89,77,93

XYZ

68,73,15

Web Safe

#ffcc33

Web Smart

#ffdd44

is dark

luminosity

0.7330

Pantone Color

Combinations

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

#ffdd3c

#3C5EFF

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

#ffdd3c

#3CBFFF

#7C3CFF

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

#ffdd3c

#3CFFDD

#DD3CFF

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

#ffdd3c

#3CFF7C

#3C5EFF

#FF3CBF

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

#ffdd3c

#3C5EFF

#3CBFFF

#7C3CFF

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

#ffdd3c

#BFFF3C

#5EFF3C

#3CFF7C

Shades

#ffdd3c Light Tints

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

#FFDD3C

#FFE050

#FFE463

#FFE777

#FFEB8A

#FFEE9E

#FFF1B1

#FFF5C5

#FFF8D8

#FFFCEC

#ffdd3c Gray Shades

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

#FFDD3C

#F2D443

#E6CA4A

#D9C150

#CCB857

#C0AF5E

#B3A565

#A69C6C

#999372

#8D8979

#ffdd3c Dark Shades

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

#FFDD3C

#E6C736

#CCB130

#B39B2A

#998524

#806F1E

#665818

#4C4212

#332C0C

#191606

#ffdd3c Red Shades

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

#FFDD3C

#FFC736

#FFB130

#FF9B2A

#FF8524

#FF6F1E

#FF5818

#FF4212

#FF2C0C

#FF1606

#ffdd3c Green Shades

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

#FFDD3C

#E6D436

#CCCA30

#B3C12A

#99B824

#80AF1E

#66A518

#4C9C12

#33930C

#198906

#ffdd3c Blue Shades

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

#FFDD3C

#E6C750

#CCB163

#B39B77

#99858A

#806F9E

#6658B1

#4C42C5

#332CD8

#1916EC

Readability Analysis

#ffdd3c as Text Color

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

#ffdd3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.66	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	`#fcde3e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffd97d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffd6a2`
Protanopia	No red perception - Dichromacy	`#fade3f`
Deuteranopia	No green perception - Dichromacy	`#ffd7a2`
Tritanopia	No blue perception - Dichromacy	`#ffd2dd`
Achromatomaly	Partial color blindness - Monochromacy	`#e7daa0`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#ffdd3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffdd3c Light Tints

#ffdd3c Gray Shades

#ffdd3c Dark Shades

#ffdd3c Red Shades

#ffdd3c Green Shades

#ffdd3c Blue Shades

Readability Analysis

#ffdd3c as Text Color

#ffdd3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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