0 views

#683bcc - Color Information

#683bcc

Base Information

HEX

#683bcc

RGB

104,59,204

HSL

259,59,52

HSV

259,71,80

CMYK

49,71,0,20

LAB

39,53,-68

LCH

39,86,308

XYZ

18,10,58

Web Safe

#6633cc

Web Smart

#6633cc

is dark

Yes

luminosity

0.1043

Pantone Color

Combinations

#683bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#683bcc

#9FCC3B

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

#683bcc

#CCB13B

#56CC3B

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

#683bcc

#CC683B

#3BCC68

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

#683bcc

#CC3B56

#9FCC3B

#3BCCB1

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

#683bcc

#9FCC3B

#CCB13B

#56CC3B

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

#683bcc

#B13BCC

#CC3B9F

#CC3B56

Shades

#683bcc Light Tints

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

#683BCC

#774FD1

#8662D6

#9576DB

#A489E0

#B49DE6

#C3B1EB

#D2C4F0

#E1D8F5

#F0EBFA

#683bcc Gray Shades

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

#683BCC

#6A42C4

#6D49BD

#6F50B5

#7257AE

#745EA6

#76649E

#796B97

#7B728F

#7E7988

#683bcc Dark Shades

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

#683BCC

#5E35B8

#532FA3

#49298F

#3E237A

#341E66

#2A1852

#1F123D

#150C29

#0A0614

#683bcc Red Shades

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

#683BCC

#7735B8

#862FA3

#95298F

#A4237A

#B41E66

#C31852

#D2123D

#E10C29

#F00614

#683bcc Green Shades

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

#683BCC

#5E42B8

#5349A3

#49508F

#3E577A

#345E66

#2A6452

#1F6B3D

#157229

#0A7914

#683bcc Blue Shades

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

#683BCC

#5E35D1

#532FD6

#4929DB

#3E23E0

#341EE6

#2A18EB

#1F12F0

#150CF5

#0A06FA

Readability Analysis

#683bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.80	AA	Sample Text
Black	3.09	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.26	Fail	Sample Text

#683bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.80	AA	Sample Text
Black	3.09	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.26	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#264ebf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2651af`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#52528c`
Protanopia	No red perception - Dichromacy	`#0058b7`
Deuteranopia	No green perception - Dichromacy	`#005e9e`
Tritanopia	No blue perception - Dichromacy	`#456067`
Achromatomaly	Partial color blindness - Monochromacy	`#58487c`
Achromatopsia	Complete color blindness - Monochromacy	`#4f4f4f`

#683bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#683bcc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#683bcc Light Tints

#683bcc Gray Shades

#683bcc Dark Shades

#683bcc Red Shades

#683bcc Green Shades

#683bcc Blue Shades

Readability Analysis

#683bcc as Text Color

#683bcc as Background Color

Color Blindness Simulation

#683bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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