0 views

#24f5f2 - Color Information

#24f5f2

Base Information

HEX

#24f5f2

RGB

36,245,242

HSL

179,91,55

HSV

179,85,96

CMYK

85,0,1,4

LAB

88,-46,-12

LCH

88,48,195

XYZ

49,72,95

Web Safe

#33ffff

Web Smart

#22eeee

is dark

luminosity

0.7209

Pantone Color

Combinations

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

#24f5f2

#F52427

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

#24f5f2

#F52490

#F58924

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

#24f5f2

#F224F5

#F5F224

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

#24f5f2

#8924F5

#F52427

#90F524

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

#24f5f2

#F52427

#F52490

#F58924

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

#24f5f2

#2490F5

#2427F5

#8924F5

Shades

#24f5f2 Light Tints

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

#24F5F2

#3AF6F3

#50F7F5

#66F8F6

#7CF9F7

#92FAF9

#A7FBFA

#BDFCFB

#D3FDFC

#E9FEFE

#24f5f2 Gray Shades

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

#24F5F2

#2DE9E7

#36DEDB

#40D2D0

#49C6C4

#52BBB9

#5BAFAE

#64A3A2

#6E9797

#778C8B

#24f5f2 Dark Shades

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

#24F5F2

#20DDDA

#1DC4C2

#19ACA9

#169391

#127B79

#0E6261

#0B4949

#073130

#041818

#24f5f2 Red Shades

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

#24F5F2

#3ADDDA

#50C4C2

#66ACA9

#7C9391

#927B79

#A76261

#BD4949

#D33130

#E91818

#24f5f2 Green Shades

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

#24F5F2

#20E9DA

#1DDEC2

#19D2A9

#16C691

#12BB79

#0EAF61

#0BA349

#079730

#048C18

#24f5f2 Blue Shades

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

#24F5F2

#20DDF3

#1DC4F5

#19ACF6

#1693F7

#127BF9

#0E62FA

#0B49FB

#0731FC

#0418FE

Readability Analysis

#24f5f2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.42	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

#24f5f2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.42	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ae4e8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9de1f9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#52f1fa`
Protanopia	No red perception - Dichromacy	`#dedae3`
Deuteranopia	No green perception - Dichromacy	`#e2d6fd`
Tritanopia	No blue perception - Dichromacy	`#6deeff`
Achromatomaly	Partial color blindness - Monochromacy	`#8dd9d7`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#24f5f2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#24f5f2 Light Tints

#24f5f2 Gray Shades

#24f5f2 Dark Shades

#24f5f2 Red Shades

#24f5f2 Green Shades

#24f5f2 Blue Shades

Readability Analysis

#24f5f2 as Text Color

#24f5f2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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