#6765EB

#6765EB

Color Values

HEX

#6765EB

RGB

103, 101, 235

HSL

240,9, 77,0%, 65,9%

HSV

240,9, 57,0%, 92,2%

CMYK

56,2%, 57,0%, 0,0%, 7,8%

OKLCH

0,582 0,1967 279,0

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6765EB

#E9EB65

Analogous

#65A6EB

#AA65EB

#6765EB

Triadic

#6765EB

#EB6765

#65EB67

Split Complementary

#6765EB

#EBAA65

#A6EB65

Tetradic

#6765EB

#EB65A6

#E9EB65

#65EBAA

Color Blindness Simulation

Original

#6765EB

Protanopia

#6666CB

Deuteranopia

#6666C3

Tritanopia

#67B1AB

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6765EB;
color: #6765EB;
border-color: #6765EB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FC
100
#E2E1F9
200
#C1C0F7
300
#9493F1
400
#5A58E9
500
#201DE2
600
#1A17B5
700
#151390
800
#100F71
900
#100F52
950
#0A0934

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,64:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026