0 views

#ddf82f - Color Information

#ddf82f

Base Information

HEX

#ddf82f

RGB

221,248,47

HSL

68,93,58

HSV

68,81,97

CMYK

11,0,81,3

LAB

93,-31,84

LCH

93,89,111

XYZ

64,83,15

Web Safe

#ccff33

Web Smart

#ddff33

is dark

luminosity

0.8271

Pantone Color

Combinations

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

#ddf82f

#4A2FF8

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

#ddf82f

#2F78F8

#AF2FF8

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

#ddf82f

#2FDDF8

#F82FDD

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

#ddf82f

#2FF8AF

#4A2FF8

#F82F78

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

#ddf82f

#4A2FF8

#2F78F8

#AF2FF8

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

#ddf82f

#78F82F

#2FF84A

#2FF8AF

Shades

#ddf82f Light Tints

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

#DDF82F

#E0F944

#E4F959

#E7FA6D

#EBFB82

#EEFC97

#F1FCAC

#F5FDC1

#F8FED5

#FCFEEA

#ddf82f Gray Shades

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

#DDF82F

#D4EC37

#CAE03F

#C1D447

#B8C84F

#AFBC58

#A5B060

#9CA468

#939870

#898C78

#ddf82f Dark Shades

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

#DDF82F

#C7DF2A

#B1C626

#9BAE21

#85951C

#6F7C18

#586313

#424A0E

#2C3209

#161905

#ddf82f Red Shades

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

#DDF82F

#E0DF2A

#E4C626

#E7AE21

#EB951C

#EE7C18

#F16313

#F54A0E

#F83209

#FC1905

#ddf82f Green Shades

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

#DDF82F

#C7EC2A

#B1E026

#9BD421

#85C81C

#6FBC18

#58B013

#42A40E

#2C9809

#168C05

#ddf82f Blue Shades

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

#DDF82F

#C7DF44

#B1C659

#9BAE6D

#859582

#6F7C97

#5863AC

#424AC1

#2C32D5

#1619EA

Readability Analysis

#ddf82f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.54	AAA	Sample Text
Red	3.34	A	Sample Text
Green	4.29	A	Sample Text
Blue	7.18	AAA	Sample Text

#ddf82f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.54	AAA	Sample Text
Red	3.34	A	Sample Text
Green	4.29	A	Sample Text
Blue	7.18	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3ef6d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3ed91`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#eaedaf`
Protanopia	No red perception - Dichromacy	`#ffea91`
Deuteranopia	No green perception - Dichromacy	`#ffe6c9`
Tritanopia	No blue perception - Dichromacy	`#f1e6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#e1eba2`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#ddf82f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddf82f Light Tints

#ddf82f Gray Shades

#ddf82f Dark Shades

#ddf82f Red Shades

#ddf82f Green Shades

#ddf82f Blue Shades

Readability Analysis

#ddf82f as Text Color

#ddf82f as Background Color

Color Blindness Simulation

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

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

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

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

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

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