0 views

#3defef - Color Information

#3defef

Base Information

HEX

#3defef

RGB

61,239,239

HSL

180,85,59

HSV

180,74,94

CMYK

74,0,0,6

LAB

86,-43,-13

LCH

86,44,197

XYZ

48,69,92

Web Safe

#33ffff

Web Smart

#44eeee

is dark

luminosity

0.6896

Pantone Color

Combinations

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

#3defef

#EF3D3D

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

#3defef

#EF3D96

#EF963D

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

#3defef

#EF3DEF

#EFEF3D

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

#3defef

#963DEF

#EF3D3D

#96EF3D

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

#3defef

#EF3D3D

#EF3D96

#EF963D

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

#3defef

#3D96EF

#3D3DEF

#963DEF

Shades

#3defef Light Tints

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

#3DEFEF

#50F1F1

#64F2F2

#77F4F4

#8BF5F5

#9EF7F7

#B1F9F9

#C5FAFA

#D8FCFC

#ECFDFD

#3defef Gray Shades

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

#3DEFEF

#44E4E4

#4AD9D9

#51CECE

#58C3C3

#5FB8B8

#65ACAC

#6CA1A1

#739696

#798B8B

#3defef Dark Shades

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

#3DEFEF

#37D7D7

#31BFBF

#2BA7A7

#258F8F

#1F7878

#186060

#124848

#0C3030

#061818

#3defef Red Shades

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

#3DEFEF

#50D7D7

#64BFBF

#77A7A7

#8B8F8F

#9E7878

#B16060

#C54848

#D83030

#EC1818

#3defef Green Shades

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

#3DEFEF

#37E4D7

#31D9BF

#2BCEA7

#25C38F

#1FB878

#18AC60

#12A148

#0C9630

#068B18

#3defef Blue Shades

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

#3DEFEF

#37D7F1

#31BFF2

#2BA7F4

#258FF5

#1F78F7

#1860F9

#1248FA

#0C30FC

#0618FD

Readability Analysis

#3defef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.79	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

#3defef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.79	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a0dfe6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a2ddf5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#47edf9`
Protanopia	No red perception - Dichromacy	`#d8d6e1`
Deuteranopia	No green perception - Dichromacy	`#dcd2f9`
Tritanopia	No blue perception - Dichromacy	`#4cecff`
Achromatomaly	Partial color blindness - Monochromacy	`#96d7d7`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#3defef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3defef Light Tints

#3defef Gray Shades

#3defef Dark Shades

#3defef Red Shades

#3defef Green Shades

#3defef Blue Shades

Readability Analysis

#3defef as Text Color

#3defef as Background Color

Color Blindness Simulation

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

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

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

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

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

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