0 views

#5adf9f - Color Information

#5adf9f

Base Information

HEX

#5adf9f

RGB

90,223,159

HSL

151,68,61

HSV

151,60,87

CMYK

60,0,29,13

LAB

80,-51,21

LCH

80,55,158

XYZ

37,57,42

Web Safe

#66cc99

Web Smart

#55dd99

is dark

luminosity

0.5745

Pantone Color

Combinations

#5adf9f complementary
Colors that are opposite to each other, forming a contrasting pair.

#5adf9f

#DF5A9A

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

#5adf9f

#DF5ADC

#DF5D5A

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

#5adf9f

#9F5ADF

#DF9F5A

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

#5adf9f

#5D5ADF

#DF5A9A

#DCDF5A

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

#5adf9f

#DF5A9A

#DF5ADC

#DF5D5A

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

#5adf9f

#5ADCDF

#5A9ADF

#5D5ADF

Shades

#5adf9f Light Tints

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

#5ADF9F

#6BE2A9

#7BE5B2

#8CE9BC

#9CECC5

#ADEFCF

#BDF2D9

#CEF5E2

#DEF9EC

#EFFCF5

#5adf9f Gray Shades

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

#5ADF9F

#5ED69C

#62CC99

#65C396

#69B993

#6DB090

#71A68C

#759D89

#789386

#7C8A83

#5adf9f Dark Shades

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

#5ADF9F

#51C98F

#48B27F

#3F9C6F

#36865F

#2D7050

#245940

#1B4330

#122D20

#091610

#5adf9f Red Shades

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

#5ADF9F

#6BC98F

#7BB27F

#8C9C6F

#9C865F

#AD7050

#BD5940

#CE4330

#DE2D20

#EF1610

#5adf9f Green Shades

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

#5ADF9F

#51D68F

#48CC7F

#3FC36F

#36B95F

#2DB050

#24A640

#1B9D30

#129320

#098A10

#5adf9f Blue Shades

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

#5ADF9F

#51C9A9

#48B2B2

#3F9CBC

#3686C5

#2D70CF

#2459D9

#1B43E2

#122DEC

#0916F5

Readability Analysis

#5adf9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.49	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

#5adf9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.49	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a8cf98`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b3caa5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#6bd8cc`
Protanopia	No red perception - Dichromacy	`#d5c693`
Deuteranopia	No green perception - Dichromacy	`#e5bfa8`
Tritanopia	No blue perception - Dichromacy	`#75d5e5`
Achromatomaly	Partial color blindness - Monochromacy	`#9acab3`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#5adf9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5adf9f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5adf9f Light Tints

#5adf9f Gray Shades

#5adf9f Dark Shades

#5adf9f Red Shades

#5adf9f Green Shades

#5adf9f Blue Shades

Readability Analysis

#5adf9f as Text Color

#5adf9f as Background Color

Color Blindness Simulation

#5adf9f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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