0 views

#ddee3f - Color Information

#ddee3f

Base Information

HEX

#ddee3f

RGB

221,238,63

HSL

66,84,59

HSV

66,74,93

CMYK

7,0,74,7

LAB

90,-26,77

LCH

90,81,109

XYZ

61,77,16

Web Safe

#ccff33

Web Smart

#ddee44

is dark

luminosity

0.7688

Pantone Color

Combinations

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

#ddee3f

#503FEE

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

#ddee3f

#3F86EE

#A83FEE

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

#ddee3f

#3FDDEE

#EE3FDD

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

#ddee3f

#3FEEA7

#503FEE

#EE3F85

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

#ddee3f

#503FEE

#3F86EE

#A83FEE

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

#ddee3f

#85EE3F

#3FEE50

#3FEEA7

Shades

#ddee3f Light Tints

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

#DDEE3F

#E0F052

#E4F165

#E7F379

#EBF58C

#EEF79F

#F1F8B2

#F5FAC5

#F8FCD9

#FCFDEC

#ddee3f Gray Shades

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

#DDEE3F

#D4E346

#CAD84C

#C1CD53

#B8C259

#AFB760

#A5AC66

#9CA16D

#939673

#898B7A

#ddee3f Dark Shades

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

#DDEE3F

#C7D639

#B1BE32

#9BA72C

#858F26

#6F7720

#585F19

#424713

#2C300D

#161806

#ddee3f Red Shades

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

#DDEE3F

#E0D639

#E4BE32

#E7A72C

#EB8F26

#EE7720

#F15F19

#F54713

#F8300D

#FC1806

#ddee3f Green Shades

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

#DDEE3F

#C7E339

#B1D832

#9BCD2C

#85C226

#6FB720

#58AC19

#42A113

#2C960D

#168B06

#ddee3f Blue Shades

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

#DDEE3F

#C7D652

#B1BE65

#9BA779

#858F8C

#6F779F

#585FB2

#4247C5

#2C30D9

#1618EC

Readability Analysis

#ddee3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.38	AAA	Sample Text
Red	3.12	A	Sample Text
Green	4.01	A	Sample Text
Blue	6.70	AA	Sample Text

#ddee3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.38	AAA	Sample Text
Red	3.12	A	Sample Text
Green	4.01	A	Sample Text
Blue	6.70	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3e742`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3e388`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e8e3af`
Protanopia	No red perception - Dichromacy	`#ffe343`
Deuteranopia	No green perception - Dichromacy	`#ffddb2`
Tritanopia	No blue perception - Dichromacy	`#efddee`
Achromatomaly	Partial color blindness - Monochromacy	`#dde4a4`
Achromatopsia	Complete color blindness - Monochromacy	`#dedede`

#ddee3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddee3f Light Tints

#ddee3f Gray Shades

#ddee3f Dark Shades

#ddee3f Red Shades

#ddee3f Green Shades

#ddee3f Blue Shades

Readability Analysis

#ddee3f as Text Color

#ddee3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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