#6356C8

#6356C8

Color Values

HEX

#6356C8

RGB

99, 86, 200

HSL

246.8, 50.9%, 56.1%

HSV

246.8, 57.0%, 78.4%

CMYK

50.5%, 57.0%, 0.0%, 21.6%

OKLCH

0.5273 0.1708 284.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6356C8

#BBC856

Analogous

#5682C8

#9C56C8

#6356C8

Triadic

#6356C8

#C86356

#56C863

Split Complementary

#6356C8

#C89C56

#82C856

Tetradic

#6356C8

#C85682

#BBC856

#56C89C

Color Blindness Simulation

Original

#6356C8

Protanopia

#5D5DAC

Deuteranopia

#5E5FA6

Tritanopia

#629792

Achromatopsia

#616161

CSS Usage

background-color: #6356C8;
color: #6356C8;
border-color: #6356C8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9ED
300
#AAA3E1
400
#7C71D1
500
#4D3FC0
600
#3E329A
700
#31287B
800
#271F60
900
#1F1A47
950
#14112D

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026