0 views

#3afdbc - Color Information

#3afdbc

Base Information

HEX

#3afdbc

RGB

58,253,188

HSL

160,98,61

HSV

160,77,99

CMYK

77,0,26,1

LAB

89,-61,18

LCH

89,64,164

XYZ

46,75,60

Web Safe

#33ffcc

Web Smart

#33ffbb

is dark

luminosity

0.7478

Pantone Color

Combinations

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

#3afdbc

#FD3A7B

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

#3afdbc

#FD3ADC

#FD5B3A

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

#3afdbc

#BC3AFD

#FDBC3A

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

#3afdbc

#5A3AFD

#FD3A7B

#DCFD3A

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

#3afdbc

#FD3A7B

#FD3ADC

#FD5B3A

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

#3afdbc

#3ADCFD

#3A7BFD

#5A3AFD

Shades

#3afdbc Light Tints

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

#3AFDBC

#4EFDC3

#61FDC9

#75FED0

#89FED7

#9DFEDE

#B0FEE4

#C4FEEB

#D8FFF2

#EBFFF8

#3afdbc Gray Shades

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

#3AFDBC

#41F1B6

#48E4B0

#4FD8AA

#56CBA4

#5DBF9E

#64B298

#6BA692

#72998C

#798D86

#3afdbc Dark Shades

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

#3AFDBC

#34E4A9

#2ECA96

#29B184

#239871

#1D7F5E

#17654B

#114C38

#0C3326

#061913

#3afdbc Red Shades

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

#3AFDBC

#4EE4A9

#61CA96

#75B184

#899871

#9D7F5E

#B0654B

#C44C38

#D83326

#EB1913

#3afdbc Green Shades

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

#3AFDBC

#34F1A9

#2EE496

#29D884

#23CB71

#1DBF5E

#17B24B

#11A638

#0C9926

#068D13

#3afdbc Blue Shades

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

#3AFDBC

#34E4C3

#2ECAC9

#29B1D0

#2398D7

#1D7FDE

#1765E4

#114CEB

#0C33F2

#0619F8

Readability Analysis

#3afdbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.32	Fail	Sample Text
Black	15.96	AAA	Sample Text
Red	3.04	A	Sample Text
Green	3.90	A	Sample Text
Blue	6.53	AA	Sample Text

#3afdbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.32	Fail	Sample Text
Black	15.96	AAA	Sample Text
Red	3.04	A	Sample Text
Green	3.90	A	Sample Text
Blue	6.53	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#adeab3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7e5c3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#6df4e7`
Protanopia	No red perception - Dichromacy	`#efdfae`
Deuteranopia	No green perception - Dichromacy	`#ffd7c8`
Tritanopia	No blue perception - Dichromacy	`#8aefff`
Achromatomaly	Partial color blindness - Monochromacy	`#99e0c8`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#3afdbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3afdbc Light Tints

#3afdbc Gray Shades

#3afdbc Dark Shades

#3afdbc Red Shades

#3afdbc Green Shades

#3afdbc Blue Shades

Readability Analysis

#3afdbc as Text Color

#3afdbc as Background Color

Color Blindness Simulation

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

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

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

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

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

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