0 views

#ffdd1c - Color Information

#ffdd1c

Base Information

HEX

#ffdd1c

RGB

255,221,28

HSL

51,100,55

HSV

51,89,100

CMYK

0,13,89,0

LAB

88,-5,85

LCH

88,85,93

XYZ

67,73,12

Web Safe

#ffcc33

Web Smart

#ffdd22

is dark

luminosity

0.7306

Pantone Color

Combinations

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

#ffdd1c

#1C3EFF

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

#ffdd1c

#1CB0FF

#6B1CFF

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

#ffdd1c

#1CFFDD

#DD1CFF

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

#ffdd1c

#1CFF6B

#1C3EFF

#FF1CB0

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

#ffdd1c

#1C3EFF

#1CB0FF

#6B1CFF

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

#ffdd1c

#B0FF1C

#3EFF1C

#1CFF6B

Shades

#ffdd1c Light Tints

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

#FFDD1C

#FFE033

#FFE449

#FFE760

#FFEB77

#FFEE8E

#FFF1A4

#FFF5BB

#FFF8D2

#FFFCE8

#ffdd1c Gray Shades

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

#FFDD1C

#F2D426

#E6CA30

#D9C13A

#CCB844

#C0AF4E

#B3A558

#A69C62

#99936C

#8D8976

#ffdd1c Dark Shades

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

#FFDD1C

#E6C719

#CCB116

#B39B14

#998511

#806F0E

#66580B

#4C4208

#332C06

#191603

#ffdd1c Red Shades

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

#FFDD1C

#FFC719

#FFB116

#FF9B14

#FF8511

#FF6F0E

#FF580B

#FF4208

#FF2C06

#FF1603

#ffdd1c Green Shades

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

#FFDD1C

#E6D419

#CCCA16

#B3C114

#99B811

#80AF0E

#66A50B

#4C9C08

#339306

#198903

#ffdd1c Blue Shades

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

#FFDD1C

#E6C733

#CCB149

#B39B60

#998577

#806F8E

#6658A4

#4C42BB

#332CD2

#1916E8

Readability Analysis

#ffdd1c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.61	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.82	A	Sample Text
Blue	6.39	AA	Sample Text

#ffdd1c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.61	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.82	A	Sample Text
Blue	6.39	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcdd20`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffd970`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffd696`
Protanopia	No red perception - Dichromacy	`#fade22`
Deuteranopia	No green perception - Dichromacy	`#ffd7a0`
Tritanopia	No blue perception - Dichromacy	`#ffd2dc`
Achromatomaly	Partial color blindness - Monochromacy	`#e5d993`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#ffdd1c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffdd1c Light Tints

#ffdd1c Gray Shades

#ffdd1c Dark Shades

#ffdd1c Red Shades

#ffdd1c Green Shades

#ffdd1c Blue Shades

Readability Analysis

#ffdd1c as Text Color

#ffdd1c as Background Color

Color Blindness Simulation

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

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

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

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

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

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