0 views

#3adfbb - Color Information

#3adfbb

Base Information

HEX

#3adfbb

RGB

58,223,187

HSL

167,72,55

HSV

167,74,87

CMYK

74,0,16,13

LAB

80,-50,6

LCH

80,50,173

XYZ

37,57,56

Web Safe

#33cccc

Web Smart

#33ddbb

is dark

luminosity

0.5726

Pantone Color

Combinations

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

#3adfbb

#DF3A5E

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

#3adfbb

#DF3AB1

#DF683A

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

#3adfbb

#BB3ADF

#DFBB3A

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

#3adfbb

#683ADF

#DF3A5E

#B1DF3A

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

#3adfbb

#DF3A5E

#DF3AB1

#DF683A

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

#3adfbb

#3AB1DF

#3A5EDF

#683ADF

Shades

#3adfbb Light Tints

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

#3ADFBB

#4EE2C2

#61E5C9

#75E9CF

#89ECD6

#9DEFDD

#B0F2E4

#C4F5EB

#D8F9F1

#EBFCF8

#3adfbb Gray Shades

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

#3ADFBB

#41D6B5

#48CCAF

#4FC3A9

#56B9A3

#5DB09E

#64A698

#6B9D92

#72938C

#798A86

#3adfbb Dark Shades

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

#3ADFBB

#34C9A8

#2EB296

#299C83

#238670

#1D705E

#17594B

#114338

#0C2D25

#061613

#3adfbb Red Shades

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

#3ADFBB

#4EC9A8

#61B296

#759C83

#898670

#9D705E

#B0594B

#C44338

#D82D25

#EB1613

#3adfbb Green Shades

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

#3ADFBB

#34D6A8

#2ECC96

#29C383

#23B970

#1DB05E

#17A64B

#119D38

#0C9325

#068A13

#3adfbb Blue Shades

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

#3ADFBB

#34C9C2

#2EB2C9

#299CCF

#2386D6

#1D70DD

#1759E4

#1143EB

#0C2DF1

#0616F8

Readability Analysis

#3adfbb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.10	AA	Sample Text

#3adfbb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.10	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#99cfb2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a0cbc1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4edad8`
Protanopia	No red perception - Dichromacy	`#cfc5ae`
Deuteranopia	No green perception - Dichromacy	`#dabfc4`
Tritanopia	No blue perception - Dichromacy	`#59d7e9`
Achromatomaly	Partial color blindness - Monochromacy	`#8bc7ba`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#3adfbb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3adfbb Light Tints

#3adfbb Gray Shades

#3adfbb Dark Shades

#3adfbb Red Shades

#3adfbb Green Shades

#3adfbb Blue Shades

Readability Analysis

#3adfbb as Text Color

#3adfbb as Background Color

Color Blindness Simulation

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

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

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

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

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

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