#6757C6

#6757C6

Color Values

HEX

#6757C6

RGB

103, 87, 198

HSL

248.6, 49.3%, 55.9%

HSV

248.6, 56.1%, 77.6%

CMYK

48.0%, 56.1%, 0.0%, 22.4%

OKLCH

0.5309 0.1663 285.8

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6757C6

#B6C657

Analogous

#577FC6

#9E57C6

#6757C6

Triadic

#6757C6

#C66757

#57C667

Split Complementary

#6757C6

#C69E57

#7FC657

Tetradic

#6757C6

#C6577F

#B6C657

#57C69E

Color Blindness Simulation

Original

#6757C6

Protanopia

#6060AB

Deuteranopia

#6162A5

Tritanopia

#669691

Achromatopsia

#626262

CSS Usage

background-color: #6757C6;
color: #6757C6;
border-color: #6757C6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CFCAED
300
#ACA4E0
400
#7F72CF
500
#5341BE
600
#423498
700
#35297A
800
#29205F
900
#211B46
950
#15112C

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026