0 views

#3df7dd - Color Information

#3df7dd

Base Information

HEX

#3df7dd

RGB

61,247,221

HSL

172,92,60

HSV

172,75,97

CMYK

75,0,11,3

LAB

88,-51,-1

LCH

88,51,181

XYZ

48,73,80

Web Safe

#33ffcc

Web Smart

#44ffdd

is dark

luminosity

0.7273

Pantone Color

Combinations

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

#3df7dd

#F73D57

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

#3df7dd

#F73DB4

#F7803D

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

#3df7dd

#DD3DF7

#F7DD3D

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

#3df7dd

#803DF7

#F73D57

#B4F73D

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

#3df7dd

#F73D57

#F73DB4

#F7803D

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

#3df7dd

#3DB4F7

#3D57F7

#803DF7

Shades

#3df7dd Light Tints

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

#3DF7DD

#50F8E0

#64F9E4

#77F9E7

#8BFAEB

#9EFBEE

#B1FCF1

#C5FDF5

#D8FDF8

#ECFEFC

#3df7dd Gray Shades

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

#3DF7DD

#44EBD4

#4ADFCA

#51D3C1

#58C7B8

#5FBCAF

#65B0A5

#6CA49C

#739893

#798C89

#3df7dd Dark Shades

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

#3DF7DD

#37DEC7

#31C6B1

#2BAD9B

#259485

#1F7C6F

#186358

#124A42

#0C312C

#061916

#3df7dd Red Shades

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

#3DF7DD

#50DEC7

#64C6B1

#77AD9B

#8B9485

#9E7C6F

#B16358

#C54A42

#D8312C

#EC1916

#3df7dd Green Shades

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

#3DF7DD

#37EBC7

#31DFB1

#2BD39B

#25C785

#1FBC6F

#18B058

#12A442

#0C982C

#068C16

#3df7dd Blue Shades

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

#3DF7DD

#37DEE0

#31C6E4

#2BADE7

#2594EB

#1F7CEE

#1863F1

#124AF5

#0C31F8

#0619FC

Readability Analysis

#3df7dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.55	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.36	AA	Sample Text

#3df7dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.55	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a7e6d4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ade2e4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#62f1f3`
Protanopia	No red perception - Dichromacy	`#e4dcce`
Deuteranopia	No green perception - Dichromacy	`#eed6e8`
Tritanopia	No blue perception - Dichromacy	`#78eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#99ddd3`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#3df7dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3df7dd Light Tints

#3df7dd Gray Shades

#3df7dd Dark Shades

#3df7dd Red Shades

#3df7dd Green Shades

#3df7dd Blue Shades

Readability Analysis

#3df7dd as Text Color

#3df7dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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