Back Home

0 views

#859cec - Color Information

#859cec

Base Information

HEX

#859cec

RGB

133,156,236

HSL

227,73,72

HSV

227,44,93

CMYK

44,34,0,7

LAB

66,12,-43

LCH

66,45,286

XYZ

37,35,84

Web Safe

#9999ff

Web Smart

#8899ee

luminosity

0.3482

is dark color

No

Generate #859cec solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#859cec complementary

Colors that are opposite to each other, forming a contrasting pair.

#859cec

#ECD585

#859cec splitComplementary

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

#859cec

#ECA285

#D0EC85

#859cec triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#859cec

#EC859C

#9CEC85

#859cec tetradic

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

#859cec

#EC85CF

#ECD585

#85ECA2

#859cec analogousComplementary

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

#859cec

#ECD585

#ECA285

#D0EC85

#859cec analogous

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

#859cec

#A285EC

#D585EC

#EC85CF

Shades

#859cec Light Tints

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

#859CEC

#91A6EE

#9DB0F0

#AABAF2

#B6C4F4

#C2CEF6

#CED7F7

#DAE1F9

#E7EBFB

#F3F5FD

#859cec Gray Shades

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

#859CEC

#8599E1

#8496D6

#8494CC

#8391C1

#838EB6

#828BAB

#8288A0

#818696

#81838B

#859cec Dark Shades

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

#859CEC

#788CD4

#6A7DBD

#5D6DA5

#505E8E

#434E76

#353E5E

#282F47

#1B1F2F

#0D1018

#859cec Red Shades

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

#859CEC

#918CD4

#9D7DBD

#AA6DA5

#B65E8E

#C24E76

#CE3E5E

#DA2F47

#E71F2F

#F31018

#859cec Green Shades

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

#859CEC

#7899D4

#6A96BD

#5D94A5

#50918E

#438E76

#358B5E

#288847

#1B862F

#0D8318

#859cec Blue Shades

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

#859CEC

#788CEE

#6A7DF0

#5D6DF2

#505EF4

#434EF6

#353EF7

#282FF9

#1B1FFB

#0D10FD

Readability Analysis

#859cec as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.64Fail
Sample Text
Black7.96AAA
Sample Text
Red1.52Fail
Sample Text
Green1.95Fail
Sample Text
Blue3.26A
Sample Text

#859cec as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.64Fail
Sample Text
Black7.96AAA
Sample Text
Red1.52Fail
Sample Text
Green1.95Fail
Sample Text
Blue3.26A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#829cec
DeuteranomalyGreen weakness - Anomalous trichromacy#7e9deb
TritanomalyBlue weakness - Anomalous trichromacy#79a3c8
ProtanopiaNo red perception - Dichromacy#819bec
DeuteranopiaNo green perception - Dichromacy#7a9dea
TritanopiaNo blue perception - Dichromacy#71a6b3
AchromatomalyPartial color blindness - Monochromacy#949dba
AchromatopsiaComplete color blindness - Monochromacy#9d9d9d

#859cec Color Code

NameCode
#859cec css background color code
.bg { background-color: #859cec; }
#859cec css text color code
.text { color: #859cec; }
#859cec css border color code
.border { border-color: #859cec; }