0 views

#e5f56f - Color Information

#e5f56f

Base Information

HEX

#e5f56f

RGB

229,245,111

HSL

67,87,70

HSV

67,55,96

CMYK

7,0,55,4

LAB

93,-23,62

LCH

93,66,111

XYZ

68,83,28

Web Safe

#ccff66

Web Smart

#ddee77

is dark

luminosity

0.8311

Pantone Color

Combinations

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

#e5f56f

#7F6FF5

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

#e5f56f

#6FA2F5

#C26FF5

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

#e5f56f

#6FE5F5

#F56FE5

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

#e5f56f

#6FF5C2

#7F6FF5

#F56FA2

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

#e5f56f

#7F6FF5

#6FA2F5

#C26FF5

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

#e5f56f

#A2F56F

#6FF57F

#6FF5C2

Shades

#e5f56f Light Tints

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

#E5F56F

#E8F67D

#EAF78C

#EDF89A

#EFF9A9

#F2FAB7

#F5FBC5

#F7FCD4

#FAFDE2

#FCFEF1

#e5f56f Gray Shades

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

#E5F56F

#DBE971

#D1DE72

#C7D274

#BDC676

#B3BB78

#A8AF79

#9EA37B

#94977D

#8A8C7E

#e5f56f Dark Shades

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

#E5F56F

#CEDD64

#B7C459

#A0AC4E

#899343

#737B38

#5C622C

#454921

#2E3116

#17180B

#e5f56f Red Shades

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

#E5F56F

#E8DD64

#EAC459

#EDAC4E

#EF9343

#F27B38

#F5622C

#F74921

#FA3116

#FC180B

#e5f56f Green Shades

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

#E5F56F

#CEE964

#B7DE59

#A0D24E

#89C643

#73BB38

#5CAF2C

#45A321

#2E9716

#178C0B

#e5f56f Blue Shades

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

#E5F56F

#CEDD7D

#B7C48C

#A0AC9A

#8993A9

#737BB7

#5C62C5

#4549D4

#2E31E2

#1718F1

Readability Analysis

#e5f56f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.62	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

#e5f56f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.62	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f6ee89`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f6ecaa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f0ebc6`
Protanopia	No red perception - Dichromacy	`#ffeb97`
Deuteranopia	No green perception - Dichromacy	`#ffe7cc`
Tritanopia	No blue perception - Dichromacy	`#f6e6f7`
Achromatomaly	Partial color blindness - Monochromacy	`#e7edbc`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#e5f56f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#e5f56f Light Tints

#e5f56f Gray Shades

#e5f56f Dark Shades

#e5f56f Red Shades

#e5f56f Green Shades

#e5f56f Blue Shades

Readability Analysis

#e5f56f as Text Color

#e5f56f as Background Color

Color Blindness Simulation

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

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

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

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

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

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