0 views

#ded90c - Color Information

#ded90c

Base Information

HEX

#ded90c

RGB

222,217,12

HSL

59,90,46

HSV

59,95,87

CMYK

0,2,95,13

LAB

85,-17,83

LCH

85,85,101

XYZ

55,65,10

Web Safe

#cccc00

Web Smart

#dddd11

luminosity

0.6518

is dark color

Generate #ded90c solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#ded90c

#0C11DE

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

#ded90c

#0C7ADE

#700CDE

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

#ded90c

#0CDED9

#D90CDE

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

#ded90c

#0CDE70

#0C11DE

#DE0C7A

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

#ded90c

#0C11DE

#0C7ADE

#700CDE

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

#ded90c

#7ADE0C

#11DE0C

#0CDE70

Shades

#ded90c Light Tints

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

#DED90C

#E1DD24

#E5E13D

#E8E455

#EBE86D

#EFEC86

#F2F09E

#F5F4B6

#F8F7CE

#FCFBE7

#ded90c Gray Shades

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

#DED90C

#D5D018

#CBC723

#C2BE2F

#B8B53A

#AFAD46

#A6A452

#9C9B5D

#939269

#898974

#ded90c Dark Shades

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

#DED90C

#C8C30B

#B2AE0A

#9B9808

#858207

#6F6D06

#595705

#434104

#2C2B02

#161601

#ded90c Red Shades

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

#DED90C

#E1C30B

#E5AE0A

#E89808

#EB8207

#EF6D06

#F25705

#F54104

#F82B02

#FC1601

#ded90c Green Shades

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

#DED90C

#C8D00B

#B2C70A

#9BBE08

#85B507

#6FAD06

#59A405

#439B04

#2C9202

#168901

#ded90c Blue Shades

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

#DED90C

#C8C324

#B2AE3D

#9B9855

#85826D

#6F6D86

#59579E

#4341B6

#2C2BCE

#1616E7

Readability Analysis

#ded90c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	14.04	AAA	Sample Text
Red	2.67	Fail	Sample Text
Green	3.43	A	Sample Text
Blue	5.74	AA	Sample Text

#ded90c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	14.04	AAA	Sample Text
Red	2.67	Fail	Sample Text
Green	3.43	A	Sample Text
Blue	5.74	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8d510`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3cf4d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e8ce8e`
Protanopia	No red perception - Dichromacy	`#eed212`
Deuteranopia	No green perception - Dichromacy	`#ffca72`
Tritanopia	No blue perception - Dichromacy	`#edc8d8`
Achromatomaly	Partial color blindness - Monochromacy	`#d2d086`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#ded90c Color Code

Name	Code
#ded90c css background color code	`.bg { background-color: #ded90c; }`
#ded90c css text color code	`.text { color: #ded90c; }`
#ded90c css border color code	`.border { border-color: #ded90c; }`

#ded90c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #ded90c solid background color

Combinations

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

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

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

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

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

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

Shades

#ded90c Light Tints

#ded90c Gray Shades

#ded90c Dark Shades

#ded90c Red Shades

#ded90c Green Shades

#ded90c Blue Shades

Readability Analysis

#ded90c as Text Color

#ded90c as Background Color

Color Blindness Simulation

#ded90c Color Code

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

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

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

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

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

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