0 views

#24f5bd - Color Information

#24f5bd

Base Information

HEX

#24f5bd

RGB

36,245,189

HSL

164,91,55

HSV

164,85,96

CMYK

85,0,23,4

LAB

87,-60,14

LCH

87,62,167

XYZ

43,69,59

Web Safe

#33ffcc

Web Smart

#22eebb

is dark

luminosity

0.6935

Pantone Color

Combinations

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

#24f5bd

#F5245C

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

#24f5bd

#F524C4

#F55524

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

#24f5bd

#BD24F5

#F5BD24

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

#24f5bd

#5524F5

#F5245C

#C4F524

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

#24f5bd

#F5245C

#F524C4

#F55524

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

#24f5bd

#24C4F5

#245CF5

#5524F5

Shades

#24f5bd Light Tints

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

#24F5BD

#3AF6C4

#50F7CA

#66F8D1

#7CF9D7

#92FADE

#A7FBE5

#BDFCEB

#D3FDF2

#E9FEF8

#24f5bd Gray Shades

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

#24F5BD

#2DE9B7

#36DEB1

#40D2AB

#49C6A5

#52BB9F

#5BAF98

#64A392

#6E978C

#778C86

#24f5bd Dark Shades

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

#24F5BD

#20DDAA

#1DC497

#19AC84

#169371

#127B5F

#0E624C

#0B4939

#073126

#041813

#24f5bd Red Shades

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

#24F5BD

#3ADDAA

#50C497

#66AC84

#7C9371

#927B5F

#A7624C

#BD4939

#D33126

#E91813

#24f5bd Green Shades

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

#24F5BD

#20E9AA

#1DDE97

#19D284

#16C671

#12BB5F

#0EAF4C

#0BA339

#079726

#048C13

#24f5bd Blue Shades

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

#24F5BD

#20DDC4

#1DC4CA

#19ACD1

#1693D7

#127BDE

#0E62E5

#0B49EB

#0731F2

#0418F8

Readability Analysis

#24f5bd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.87	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.08	AA	Sample Text

#24f5bd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.87	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9fe2b4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a8dec4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#47efe7`
Protanopia	No red perception - Dichromacy	`#e6d7ae`
Deuteranopia	No green perception - Dichromacy	`#f4d0c8`
Tritanopia	No blue perception - Dichromacy	`#5bebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#8ad6c2`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#24f5bd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#24f5bd Light Tints

#24f5bd Gray Shades

#24f5bd Dark Shades

#24f5bd Red Shades

#24f5bd Green Shades

#24f5bd Blue Shades

Readability Analysis

#24f5bd as Text Color

#24f5bd as Background Color

Color Blindness Simulation

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

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

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

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

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

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