0 views

#64e143 - Color Information

#64e143

Base Information

HEX

#64e143

RGB

100,225,67

HSL

107,72,57

HSV

107,70,88

CMYK

56,0,70,12

LAB

80,-62,64

LCH

80,89,134

XYZ

33,57,15

Web Safe

#66cc33

Web Smart

#66dd44

luminosity

0.5697

is dark color

Generate #64e143 solid background color

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

Combinations

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

#64e143

#C043E1

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

#64e143

#7143E1

#E143B3

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

#64e143

#4364E1

#E14364

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

#64e143

#43B3E1

#C043E1

#E17143

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

#64e143

#C043E1

#7143E1

#E143B3

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

#64e143

#43E171

#43E1C0

#43B3E1

Shades

#64e143 Light Tints

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

#64E143

#74E456

#83E769

#93EA7B

#A2ED8E

#B2F0A1

#C1F3B4

#D1F6C7

#E0F9D9

#F0FCEC

#64e143 Gray Shades

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

#64E143

#67D749

#6ACE4F

#6CC455

#6FBA5B

#72B162

#75A768

#789D6E

#7A9374

#7D8A7A

#64e143 Dark Shades

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

#64E143

#5ACB3C

#50B436

#469E2F

#3C8728

#327122

#285A1B

#1E4314

#142D0D

#0A1607

#64e143 Red Shades

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

#64E143

#74CB3C

#83B436

#939E2F

#A28728

#B27122

#C15A1B

#D14314

#E02D0D

#F01607

#64e143 Green Shades

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

#64E143

#5AD73C

#50CE36

#46C42F

#3CBA28

#32B122

#28A71B

#1E9D14

#14930D

#0A8A07

#64e143 Blue Shades

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

#64E143

#5ACB56

#50B469

#469E7B

#3C878E

#3271A1

#285AB4

#1E43C7

#142DD9

#0A16EC

Readability Analysis

#64e143 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#64e143 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b2d040`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c2c94e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#7bd7a8`
Protanopia	No red perception - Dichromacy	`#dec63e`
Deuteranopia	No green perception - Dichromacy	`#f7bc54`
Tritanopia	No blue perception - Dichromacy	`#88d1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#9bc98f`
Achromatopsia	Complete color blindness - Monochromacy	`#bbbbbb`

#64e143 Color Code

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

#64e143 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #64e143 solid background color

Combinations

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

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

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

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

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

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

Shades

#64e143 Light Tints

#64e143 Gray Shades

#64e143 Dark Shades

#64e143 Red Shades

#64e143 Green Shades

#64e143 Blue Shades

Readability Analysis

#64e143 as Text Color

#64e143 as Background Color

Color Blindness Simulation

#64e143 Color Code

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

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

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

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

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

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