0 views

#3ae9b0 - Color Information

#3ae9b0

Base Information

HEX

#3ae9b0

RGB

58,233,176

HSL

160,80,57

HSV

160,75,91

CMYK

75,0,24,9

LAB

83,-56,15

LCH

83,58,165

XYZ

39,62,51

Web Safe

#33ff99

Web Smart

#33eeaa

is dark

luminosity

0.6231

Pantone Color

Combinations

#3ae9b0 complementary
Colors that are opposite to each other, forming a contrasting pair.

#3ae9b0

#E93A73

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

#3ae9b0

#E93ACB

#E9583A

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

#3ae9b0

#B03AE9

#E9B03A

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

#3ae9b0

#583AE9

#E93A73

#CBE93A

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

#3ae9b0

#E93A73

#E93ACB

#E9583A

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

#3ae9b0

#3ACBE9

#3A73E9

#583AE9

Shades

#3ae9b0 Light Tints

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

#3AE9B0

#4EEBB8

#61EDC0

#75F0C8

#89F2D0

#9DF4D8

#B0F6DF

#C4F8E7

#D8FBEF

#EBFDF7

#3ae9b0 Gray Shades

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

#3AE9B0

#41DFAB

#48D4A6

#4FCAA2

#56BF9D

#5DB598

#64AA93

#6BA08E

#72958A

#798B85

#3ae9b0 Dark Shades

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

#3AE9B0

#34D29E

#2EBA8D

#29A37B

#238C6A

#1D7558

#175D46

#114635

#0C2F23

#061712

#3ae9b0 Red Shades

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

#3AE9B0

#4ED29E

#61BA8D

#75A37B

#898C6A

#9D7558

#B05D46

#C44635

#D82F23

#EB1712

#3ae9b0 Green Shades

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

#3AE9B0

#34DF9E

#2ED48D

#29CA7B

#23BF6A

#1DB558

#17AA46

#11A035

#0C9523

#068B12

#3ae9b0 Blue Shades

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

#3AE9B0

#34D2B8

#2EBAC0

#29A3C8

#238CD0

#1D75D8

#175DDF

#1146E7

#0C2FEF

#0617F7

Readability Analysis

#3ae9b0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.46	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.29	A	Sample Text
Blue	5.51	AA	Sample Text

#3ae9b0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.46	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.29	A	Sample Text
Blue	5.51	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a1d7a7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#aad3b6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#53e3d9`
Protanopia	No red perception - Dichromacy	`#dbcda3`
Deuteranopia	No green perception - Dichromacy	`#eac6ba`
Tritanopia	No blue perception - Dichromacy	`#62dff1`
Achromatomaly	Partial color blindness - Monochromacy	`#8fcfba`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#3ae9b0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3ae9b0 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3ae9b0 Light Tints

#3ae9b0 Gray Shades

#3ae9b0 Dark Shades

#3ae9b0 Red Shades

#3ae9b0 Green Shades

#3ae9b0 Blue Shades

Readability Analysis

#3ae9b0 as Text Color

#3ae9b0 as Background Color

Color Blindness Simulation

#3ae9b0 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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