0 views

#3fdeef - Color Information

#3fdeef

Base Information

HEX

#3fdeef

RGB

63,222,239

HSL

186,85,59

HSV

186,74,94

CMYK

74,7,0,6

LAB

82,-35,-20

LCH

82,40,210

XYZ

44,60,91

Web Safe

#33ccff

Web Smart

#44ddee

is dark

luminosity

0.5953

Pantone Color

Combinations

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

#3fdeef

#EF503F

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

#3fdeef

#EF3F86

#EFA83F

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

#3fdeef

#EF3FDE

#DEEF3F

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

#3fdeef

#A83FEF

#EF503F

#86EF3F

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

#3fdeef

#EF503F

#EF3F86

#EFA83F

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

#3fdeef

#3F86EF

#503FEF

#A83FEF

Shades

#3fdeef Light Tints

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

#3FDEEF

#52E1F1

#65E5F2

#79E8F4

#8CEBF5

#9FEFF7

#B2F2F9

#C5F5FA

#D9F8FC

#ECFCFD

#3fdeef Gray Shades

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

#3FDEEF

#46D5E4

#4CCBD9

#53C2CE

#59B8C3

#60AFB8

#66A6AC

#6D9CA1

#739396

#7A898B

#3fdeef Dark Shades

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

#3FDEEF

#39C8D7

#32B2BF

#2C9BA7

#26858F

#206F78

#195960

#134348

#0D2C30

#061618

#3fdeef Red Shades

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

#3FDEEF

#52C8D7

#65B2BF

#799BA7

#8C858F

#9F6F78

#B25960

#C54348

#D92C30

#EC1618

#3fdeef Green Shades

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

#3FDEEF

#39D5D7

#32CBBF

#2CC2A7

#26B88F

#20AF78

#19A660

#139C48

#0D9330

#068918

#3fdeef Blue Shades

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

#3FDEEF

#39C8F1

#32B2F2

#2C9BF4

#2685F5

#206FF7

#1959F9

#1343FA

#0D2CFC

#0616FD

Readability Analysis

#3fdeef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.91	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.16	A	Sample Text
Blue	5.28	AA	Sample Text

#3fdeef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.91	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.16	A	Sample Text
Blue	5.28	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#95d0e7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#95cef4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#41ddef`
Protanopia	No red perception - Dichromacy	`#c6c8e2`
Deuteranopia	No green perception - Dichromacy	`#c5c5f8`
Tritanopia	No blue perception - Dichromacy	`#41ddef`
Achromatomaly	Partial color blindness - Monochromacy	`#8fc9cf`
Achromatopsia	Complete color blindness - Monochromacy	`#bdbdbd`

#3fdeef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3fdeef Light Tints

#3fdeef Gray Shades

#3fdeef Dark Shades

#3fdeef Red Shades

#3fdeef Green Shades

#3fdeef Blue Shades

Readability Analysis

#3fdeef as Text Color

#3fdeef as Background Color

Color Blindness Simulation

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

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

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

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

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

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