3 views

#e2d813 - Color Information

#e2d813

Base Information

HEX

#e2d813

RGB

226,216,19

HSL

57,84,48

HSV

57,92,89

CMYK

0,4,92,11

LAB

85,-15,82

LCH

85,84,100

XYZ

56,65,10

Web Safe

#cccc00

Web Smart

#dddd11

luminosity

0.6533

is dark color

Generate #e2d813 solid background color

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

Combinations

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

#e2d813

#131DE2

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

#e2d813

#1384E2

#7013E2

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

#e2d813

#13E2D8

#D813E2

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

#e2d813

#13E270

#131DE2

#E21384

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

#e2d813

#131DE2

#1384E2

#7013E2

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

#e2d813

#84E213

#1DE213

#13E270

Shades

#e2d813 Light Tints

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

#E2D813

#E5DC2B

#E8E042

#EBE45A

#EEE871

#F1EC89

#F3EFA1

#F6F3B8

#F9F7D0

#FCFBE7

#e2d813 Gray Shades

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

#E2D813

#D8CF1E

#CEC629

#C5BE34

#BBB53F

#B1AC4A

#A7A354

#9D9A5F

#94926A

#8A8975

#e2d813 Dark Shades

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

#E2D813

#CBC211

#B5AD0F

#9E970D

#88820B

#716C0A

#5A5608

#444106

#2D2B04

#171602

#e2d813 Red Shades

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

#E2D813

#E5C211

#E8AD0F

#EB970D

#EE820B

#F16C0A

#F35608

#F64106

#F92B04

#FC1602

#e2d813 Green Shades

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

#E2D813

#CBCF11

#B5C60F

#9EBE0D

#88B50B

#71AC0A

#5AA308

#449A06

#2D9204

#178902

#e2d813 Blue Shades

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

#E2D813

#CBC22B

#B5AD42

#9E975A

#888271

#716C89

#5A56A1

#4441B8

#2D2BD0

#1716E7

Readability Analysis

#e2d813 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

#e2d813 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ead516`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f4cf50`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ebcd90`
Protanopia	No red perception - Dichromacy	`#eed318`
Deuteranopia	No green perception - Dichromacy	`#ffca73`
Tritanopia	No blue perception - Dichromacy	`#f1c7d7`
Achromatomaly	Partial color blindness - Monochromacy	`#d4d089`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#e2d813 Color Code

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

#e2d813 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #e2d813 solid background color

Combinations

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

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

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

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

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

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

Shades

#e2d813 Light Tints

#e2d813 Gray Shades

#e2d813 Dark Shades

#e2d813 Red Shades

#e2d813 Green Shades

#e2d813 Blue Shades

Readability Analysis

#e2d813 as Text Color

#e2d813 as Background Color

Color Blindness Simulation

#e2d813 Color Code

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

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

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

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

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

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