0 views

#24f0bb - Color Information

#24f0bb

Base Information

HEX

#24f0bb

RGB

36,240,187

HSL

164,87,54

HSV

164,85,94

CMYK

85,0,22,6

LAB

85,-59,13

LCH

85,60,168

XYZ

41,66,58

Web Safe

#33ffcc

Web Smart

#22eebb

is dark

luminosity

0.6628

Pantone Color

Combinations

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

#24f0bb

#F02459

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

#24f0bb

#F024BF

#F05524

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

#24f0bb

#BB24F0

#F0BB24

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

#24f0bb

#5524F0

#F02459

#BFF024

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

#24f0bb

#F02459

#F024BF

#F05524

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

#24f0bb

#24BFF0

#2459F0

#5524F0

Shades

#24f0bb Light Tints

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

#24F0BB

#3AF2C2

#50F3C9

#66F5CF

#7CF6D6

#92F8DD

#A7F9E4

#BDFBEB

#D3FCF1

#E9FEF8

#24f0bb Gray Shades

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

#24F0BB

#2DE5B5

#36DAAF

#40CEA9

#49C3A3

#52B89E

#5BAD98

#64A292

#6E968C

#778B86

#24f0bb Dark Shades

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

#24F0BB

#20D8A8

#1DC096

#19A883

#169070

#12785E

#0E604B

#0B4838

#073025

#041813

#24f0bb Red Shades

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

#24F0BB

#3AD8A8

#50C096

#66A883

#7C9070

#92785E

#A7604B

#BD4838

#D33025

#E91813

#24f0bb Green Shades

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

#24F0BB

#20E5A8

#1DDA96

#19CE83

#16C370

#12B85E

#0EAD4B

#0BA238

#079625

#048B13

#24f0bb Blue Shades

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

#24F0BB

#20D8C2

#1DC0C9

#19A8CF

#1690D6

#1278DD

#0E60E4

#0B48EB

#0730F1

#0418F8

Readability Analysis

#24f0bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.26	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

#24f0bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.26	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9cdeb2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a5d9c2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#45eae3`
Protanopia	No red perception - Dichromacy	`#e1d3ad`
Deuteranopia	No green perception - Dichromacy	`#eeccc6`
Tritanopia	No blue perception - Dichromacy	`#58e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#88d2bf`
Achromatopsia	Complete color blindness - Monochromacy	`#c1c1c1`

#24f0bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#24f0bb Light Tints

#24f0bb Gray Shades

#24f0bb Dark Shades

#24f0bb Red Shades

#24f0bb Green Shades

#24f0bb Blue Shades

Readability Analysis

#24f0bb as Text Color

#24f0bb as Background Color

Color Blindness Simulation

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

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

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

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

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

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