0 views

#24f4a2 - Color Information

#24f4a2

Base Information

HEX

#24f4a2

RGB

36,244,162

HSL

156,90,55

HSV

156,85,96

CMYK

85,0,34,4

LAB

86,-66,26

LCH

86,71,158

XYZ

40,68,45

Web Safe

#33ff99

Web Smart

#22eeaa

is dark

luminosity

0.6769

Pantone Color

Combinations

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

#24f4a2

#F42476

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

#24f4a2

#F424DE

#F43A24

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

#24f4a2

#A224F4

#F4A224

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

#24f4a2

#3A24F4

#F42476

#DEF424

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

#24f4a2

#F42476

#F424DE

#F43A24

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

#24f4a2

#24DEF4

#2476F4

#3A24F4

Shades

#24f4a2 Light Tints

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

#24F4A2

#3AF5AB

#50F6B5

#66F7BE

#7CF8C7

#92FAD1

#A7FBDA

#BDFCE3

#D3FDEC

#E9FEF6

#24f4a2 Gray Shades

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

#24F4A2

#2DE89F

#36DD9B

#40D198

#49C694

#52BA91

#5BAE8E

#64A38A

#6E9787

#778C83

#24f4a2 Dark Shades

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

#24F4A2

#20DC92

#1DC382

#19AB71

#169261

#127A51

#0E6241

#0B4931

#073120

#041810

#24f4a2 Red Shades

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

#24F4A2

#3ADC92

#50C382

#66AB71

#7C9261

#927A51

#A76241

#BD4931

#D33120

#E91810

#24f4a2 Green Shades

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

#24F4A2

#20E892

#1DDD82

#19D171

#16C661

#12BA51

#0EAE41

#0BA331

#079720

#048C10

#24f4a2 Blue Shades

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

#24F4A2

#20DCAB

#1DC3B5

#19ABBE

#1692C7

#127AD1

#0E62DA

#0B49E3

#0731EC

#0418F6

Readability Analysis

#24f4a2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.54	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.56	A	Sample Text
Blue	5.95	AA	Sample Text

#24f4a2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.54	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.56	A	Sample Text
Blue	5.95	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a0e099`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#acdba9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4cecda`
Protanopia	No red perception - Dichromacy	`#e7d595`
Deuteranopia	No green perception - Dichromacy	`#facdae`
Tritanopia	No blue perception - Dichromacy	`#62e8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#88d4b6`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#24f4a2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#24f4a2 Light Tints

#24f4a2 Gray Shades

#24f4a2 Dark Shades

#24f4a2 Red Shades

#24f4a2 Green Shades

#24f4a2 Blue Shades

Readability Analysis

#24f4a2 as Text Color

#24f4a2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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