0 views

#3de1f1 - Color Information

#3de1f1

Base Information

HEX

#3de1f1

RGB

61,225,241

HSL

185,87,59

HSV

185,75,95

CMYK

75,7,0,5

LAB

82,-36,-20

LCH

82,41,209

XYZ

45,61,93

Web Safe

#33ccff

Web Smart

#44ddee

is dark

luminosity

0.6119

Pantone Color

Combinations

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

#3de1f1

#F14D3D

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

#3de1f1

#F13D87

#F1A73D

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

#3de1f1

#F13DE1

#E1F13D

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

#3de1f1

#A73DF1

#F14D3D

#87F13D

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

#3de1f1

#F14D3D

#F13D87

#F1A73D

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

#3de1f1

#3D87F1

#4D3DF1

#A73DF1

Shades

#3de1f1 Light Tints

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

#3DE1F1

#50E4F2

#64E7F4

#77EAF5

#8BEDF7

#9EF0F8

#B1F3F9

#C5F6FB

#D8F9FC

#ECFCFE

#3de1f1 Gray Shades

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

#3DE1F1

#44D7E6

#4ACEDA

#51C4CF

#58BAC4

#5FB1B9

#65A7AD

#6C9DA2

#739397

#798A8B

#3de1f1 Dark Shades

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

#3DE1F1

#37CBD9

#31B4C1

#2B9EA9

#258791

#1F7179

#185A60

#124348

#0C2D30

#061618

#3de1f1 Red Shades

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

#3DE1F1

#50CBD9

#64B4C1

#779EA9

#8B8791

#9E7179

#B15A60

#C54348

#D82D30

#EC1618

#3de1f1 Green Shades

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

#3DE1F1

#37D7D9

#31CEC1

#2BC4A9

#25BA91

#1FB179

#18A760

#129D48

#0C9330

#068A18

#3de1f1 Blue Shades

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

#3DE1F1

#37CBF2

#31B4F4

#2B9EF5

#2587F7

#1F71F8

#185AF9

#1243FB

#0C2DFC

#0616FE

Readability Analysis

#3de1f1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.59	Fail	Sample Text
Black	13.24	AAA	Sample Text
Red	2.52	Fail	Sample Text
Green	3.24	A	Sample Text
Blue	5.42	AA	Sample Text

#3de1f1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.59	Fail	Sample Text
Black	13.24	AAA	Sample Text
Red	2.52	Fail	Sample Text
Green	3.24	A	Sample Text
Blue	5.42	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#96d3e8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#96d1f7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3fe0f2`
Protanopia	No red perception - Dichromacy	`#c8cae4`
Deuteranopia	No green perception - Dichromacy	`#c8c8fa`
Tritanopia	No blue perception - Dichromacy	`#40e0f2`
Achromatomaly	Partial color blindness - Monochromacy	`#90ccd1`
Achromatopsia	Complete color blindness - Monochromacy	`#bfbfbf`

#3de1f1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3de1f1 Light Tints

#3de1f1 Gray Shades

#3de1f1 Dark Shades

#3de1f1 Red Shades

#3de1f1 Green Shades

#3de1f1 Blue Shades

Readability Analysis

#3de1f1 as Text Color

#3de1f1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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