0 views

#3df5cc - Color Information

#3df5cc

Base Information

HEX

#3df5cc

RGB

61,245,204

HSL

167,90,60

HSV

167,75,96

CMYK

75,0,17,4

LAB

87,-54,7

LCH

87,55,173

XYZ

45,71,68

Web Safe

#33ffcc

Web Smart

#44eecc

is dark

luminosity

0.7066

Pantone Color

Combinations

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

#3df5cc

#F53D66

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

#3df5cc

#F53DC2

#F5703D

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

#3df5cc

#CC3DF5

#F5CC3D

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

#3df5cc

#703DF5

#F53D66

#C2F53D

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

#3df5cc

#F53D66

#F53DC2

#F5703D

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

#3df5cc

#3DC2F5

#3D66F5

#703DF5

Shades

#3df5cc Light Tints

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

#3DF5CC

#50F6D1

#64F7D6

#77F8DB

#8BF9E0

#9EFAE6

#B1FBEB

#C5FCF0

#D8FDF5

#ECFEFA

#3df5cc Gray Shades

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

#3DF5CC

#44E9C4

#4ADEBD

#51D2B5

#58C6AE

#5FBBA6

#65AF9E

#6CA397

#73978F

#798C88

#3df5cc Dark Shades

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

#3DF5CC

#37DDB8

#31C4A3

#2BAC8F

#25937A

#1F7B66

#186252

#12493D

#0C3129

#061814

#3df5cc Red Shades

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

#3DF5CC

#50DDB8

#64C4A3

#77AC8F

#8B937A

#9E7B66

#B16252

#C5493D

#D83129

#EC1814

#3df5cc Green Shades

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

#3DF5CC

#37E9B8

#31DEA3

#2BD28F

#25C67A

#1FBB66

#18AF52

#12A33D

#0C9729

#068C14

#3df5cc Blue Shades

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

#3DF5CC

#37DDD1

#31C4D6

#2BACDB

#2593E0

#1F7BE6

#1862EB

#1249F0

#0C31F5

#0618FA

Readability Analysis

#3df5cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.13	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

#3df5cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.13	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a8e3c3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#afdfd3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#57f0ec`
Protanopia	No red perception - Dichromacy	`#e5d9be`
Deuteranopia	No green perception - Dichromacy	`#f1d3d7`
Tritanopia	No blue perception - Dichromacy	`#66ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#97dacb`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#3df5cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3df5cc Light Tints

#3df5cc Gray Shades

#3df5cc Dark Shades

#3df5cc Red Shades

#3df5cc Green Shades

#3df5cc Blue Shades

Readability Analysis

#3df5cc as Text Color

#3df5cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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