0 views

#ddef4f - Color Information

#ddef4f

Base Information

HEX

#ddef4f

RGB

221,239,79

HSL

67,83,62

HSV

67,67,94

CMYK

8,0,67,6

LAB

91,-26,72

LCH

91,76,110

XYZ

62,78,19

Web Safe

#ccff66

Web Smart

#ddee55

is dark

luminosity

0.7767

Pantone Color

Combinations

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

#ddef4f

#614FEF

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

#ddef4f

#4F8DEF

#B14FEF

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

#ddef4f

#4FDDEF

#EF4FDD

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

#ddef4f

#4FEFB1

#614FEF

#EF4F8D

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

#ddef4f

#614FEF

#4F8DEF

#B14FEF

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

#ddef4f

#8DEF4F

#4FEF61

#4FEFB1

Shades

#ddef4f Light Tints

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

#DDEF4F

#E0F161

#E4F272

#E7F484

#EBF595

#EEF7A7

#F1F9B9

#F5FACA

#F8FCDC

#FCFDED

#ddef4f Gray Shades

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

#DDEF4F

#D4E454

#CAD959

#C1CE5E

#B8C363

#AFB868

#A5AC6C

#9CA171

#939676

#898B7B

#ddef4f Dark Shades

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

#DDEF4F

#C7D747

#B1BF3F

#9BA737

#858F2F

#6F7828

#586020

#424818

#2C3010

#161808

#ddef4f Red Shades

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

#DDEF4F

#E0D747

#E4BF3F

#E7A737

#EB8F2F

#EE7828

#F16020

#F54818

#F83010

#FC1808

#ddef4f Green Shades

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

#DDEF4F

#C7E447

#B1D93F

#9BCE37

#85C32F

#6FB828

#58AC20

#42A118

#2C9610

#168B08

#ddef4f Blue Shades

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

#DDEF4F

#C7D761

#B1BF72

#9BA784

#858F95

#6F78A7

#5860B9

#4248CA

#2C30DC

#1618ED

Readability Analysis

#ddef4f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.53	AAA	Sample Text
Red	3.15	A	Sample Text
Green	4.04	A	Sample Text
Blue	6.77	AA	Sample Text

#ddef4f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.53	AAA	Sample Text
Red	3.15	A	Sample Text
Green	4.04	A	Sample Text
Blue	6.77	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3e853`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3e491`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e8e5b5`
Protanopia	No red perception - Dichromacy	`#ffe455`
Deuteranopia	No green perception - Dichromacy	`#ffdeb6`
Tritanopia	No blue perception - Dichromacy	`#eedff0`
Achromatomaly	Partial color blindness - Monochromacy	`#dfe5ab`
Achromatopsia	Complete color blindness - Monochromacy	`#e0e0e0`

#ddef4f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddef4f Light Tints

#ddef4f Gray Shades

#ddef4f Dark Shades

#ddef4f Red Shades

#ddef4f Green Shades

#ddef4f Blue Shades

Readability Analysis

#ddef4f as Text Color

#ddef4f as Background Color

Color Blindness Simulation

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

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

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

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

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

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