0 views

#3adce4 - Color Information

#3adce4

Base Information

HEX

#3adce4

RGB

58,220,228

HSL

183,76,56

HSV

183,75,89

CMYK

75,4,0,11

LAB

81,-37,-16

LCH

81,41,203

XYZ

41,58,82

Web Safe

#33cccc

Web Smart

#33dddd

is dark

luminosity

0.5769

Pantone Color

Combinations

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

#3adce4

#E4423A

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

#3adce4

#E43A87

#E4973A

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

#3adce4

#E43ADC

#DCE43A

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

#3adce4

#973AE4

#E4423A

#87E43A

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

#3adce4

#E4423A

#E43A87

#E4973A

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

#3adce4

#3A87E4

#423AE4

#973AE4

Shades

#3adce4 Light Tints

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

#3ADCE4

#4EE0E7

#61E3E9

#75E7EC

#89EAEF

#9DEEF2

#B0F1F4

#C4F5F7

#D8F8FA

#EBFCFC

#3adce4 Gray Shades

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

#3ADCE4

#41D3DA

#48CAD0

#4FC0C6

#56B7BC

#5DAEB2

#64A5A8

#6B9C9E

#729294

#79898A

#3adce4 Dark Shades

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

#3ADCE4

#34C6CD

#2EB0B6

#299AA0

#238489

#1D6E72

#17585B

#114244

#0C2C2E

#061617

#3adce4 Red Shades

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

#3ADCE4

#4EC6CD

#61B0B6

#759AA0

#898489

#9D6E72

#B0585B

#C44244

#D82C2E

#EB1617

#3adce4 Green Shades

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

#3ADCE4

#34D3CD

#2ECAB6

#29C0A0

#23B789

#1DAE72

#17A55B

#119C44

#0C922E

#068917

#3adce4 Blue Shades

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

#3ADCE4

#34C6E7

#2EB0E9

#299AEC

#2384EF

#1D6EF2

#1758F4

#1142F7

#0C2CFA

#0616FC

Readability Analysis

#3adce4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.54	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

#3adce4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.54	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#93cedb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#94cbe9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#40dbe9`
Protanopia	No red perception - Dichromacy	`#c5c5d7`
Deuteranopia	No green perception - Dichromacy	`#c7c2ed`
Tritanopia	No blue perception - Dichromacy	`#43daeb`
Achromatomaly	Partial color blindness - Monochromacy	`#8cc6c9`
Achromatopsia	Complete color blindness - Monochromacy	`#bababa`

#3adce4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3adce4 Light Tints

#3adce4 Gray Shades

#3adce4 Dark Shades

#3adce4 Red Shades

#3adce4 Green Shades

#3adce4 Blue Shades

Readability Analysis

#3adce4 as Text Color

#3adce4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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