0 views

#63d6fb - Color Information

#63d6fb

Base Information

HEX

#63d6fb

RGB

99,214,251

HSL

195,95,69

HSV

195,61,98

CMYK

61,15,0,2

LAB

81,-22,-28

LCH

81,36,232

XYZ

47,58,100

Web Safe

#66ccff

Web Smart

#66ddff

is dark

luminosity

0.5771

Pantone Color

Combinations

#63d6fb complementary
Colors that are opposite to each other, forming a contrasting pair.

#63d6fb

#FB8863

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

#63d6fb

#FB638A

#FBD463

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

#63d6fb

#FB63D6

#D6FB63

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

#63d6fb

#D463FB

#FB8863

#8AFB63

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

#63d6fb

#FB8863

#FB638A

#FBD463

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

#63d6fb

#638AFB

#8863FB

#D463FB

Shades

#63d6fb Light Tints

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

#63D6FB

#73DAFB

#82DEFC

#92E2FC

#A1E6FD

#B1EBFD

#C1EFFD

#D0F3FE

#E0F7FE

#EFFBFF

#63d6fb Gray Shades

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

#63D6FB

#66CDEF

#69C5E2

#6CBCD6

#6FB4CA

#72ABBE

#74A2B1

#779AA5

#7A9199

#7D898C

#63d6fb Dark Shades

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

#63D6FB

#59C1E2

#4FABC9

#4596B0

#3B8097

#326B7E

#285664

#1E404B

#142B32

#0A1519

#63d6fb Red Shades

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

#63D6FB

#73C1E2

#82ABC9

#9296B0

#A18097

#B16B7E

#C15664

#D0404B

#E02B32

#EF1519

#63d6fb Green Shades

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

#63D6FB

#59CDE2

#4FC5C9

#45BCB0

#3BB497

#32AB7E

#28A264

#1E9A4B

#149132

#0A8919

#63d6fb Blue Shades

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

#63D6FB

#59C1FB

#4FABFC

#4596FC

#3B80FD

#326BFD

#2856FD

#1E40FE

#142BFE

#0A15FF

Readability Analysis

#63d6fb 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

#63d6fb 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	`#9ccbf4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9acafe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5dd7f0`
Protanopia	No red perception - Dichromacy	`#bcc5f0`
Deuteranopia	No green perception - Dichromacy	`#bac3ff`
Tritanopia	No blue perception - Dichromacy	`#59d8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#9ec8d6`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#63d6fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#63d6fb complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#63d6fb Light Tints

#63d6fb Gray Shades

#63d6fb Dark Shades

#63d6fb Red Shades

#63d6fb Green Shades

#63d6fb Blue Shades

Readability Analysis

#63d6fb as Text Color

#63d6fb as Background Color

Color Blindness Simulation

#63d6fb complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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