2 views

#3de1f4 - Color Information

#3de1f4

Base Information

HEX

#3de1f4

RGB

61,225,244

HSL

186,89,60

HSV

186,75,96

CMYK

75,8,0,4

LAB

83,-35,-21

LCH

83,41,211

XYZ

45,61,95

Web Safe

#33ccff

Web Smart

#44ddee

is dark

luminosity

0.6137

Pantone Color

Combinations

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

#3de1f4

#F4503D

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

#3de1f4

#F43D85

#F4AC3D

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

#3de1f4

#F43DE1

#E1F43D

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

#3de1f4

#AC3DF4

#F4503D

#85F43D

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

#3de1f4

#F4503D

#F43D85

#F4AC3D

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

#3de1f4

#3D85F4

#503DF4

#AC3DF4

Shades

#3de1f4 Light Tints

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

#3DE1F4

#50E4F5

#64E7F6

#77EAF7

#8BEDF8

#9EF0FA

#B1F3FB

#C5F6FC

#D8F9FD

#ECFCFE

#3de1f4 Gray Shades

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

#3DE1F4

#44D7E8

#4ACEDD

#51C4D1

#58BAC6

#5FB1BA

#65A7AE

#6C9DA3

#739397

#798A8C

#3de1f4 Dark Shades

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

#3DE1F4

#37CBDC

#31B4C3

#2B9EAB

#258792

#1F717A

#185A62

#124349

#0C2D31

#061618

#3de1f4 Red Shades

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

#3DE1F4

#50CBDC

#64B4C3

#779EAB

#8B8792

#9E717A

#B15A62

#C54349

#D82D31

#EC1618

#3de1f4 Green Shades

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

#3DE1F4

#37D7DC

#31CEC3

#2BC4AB

#25BA92

#1FB17A

#18A762

#129D49

#0C9331

#068A18

#3de1f4 Blue Shades

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

#3DE1F4

#37CBF5

#31B4F6

#2B9EF7

#2587F8

#1F71FA

#185AFB

#1243FC

#0C2DFD

#0616FE

Readability Analysis

#3de1f4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.27	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.43	AA	Sample Text

#3de1f4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.27	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.43	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#95d3ec`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#95d1fa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3ee1f3`
Protanopia	No red perception - Dichromacy	`#c8cbe7`
Deuteranopia	No green perception - Dichromacy	`#c7c8fd`
Tritanopia	No blue perception - Dichromacy	`#3ee0f2`
Achromatomaly	Partial color blindness - Monochromacy	`#90ccd3`
Achromatopsia	Complete color blindness - Monochromacy	`#bfbfbf`

#3de1f4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3de1f4 Light Tints

#3de1f4 Gray Shades

#3de1f4 Dark Shades

#3de1f4 Red Shades

#3de1f4 Green Shades

#3de1f4 Blue Shades

Readability Analysis

#3de1f4 as Text Color

#3de1f4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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