#767DC3

#767DC3

Color Values

HEX

#767DC3

RGB

118, 125, 195

HSL

234.5, 39.1%, 61.4%

HSV

234.5, 39.5%, 76.5%

CMYK

39.5%, 35.9%, 0.0%, 23.5%

OKLCH

0.6134 0.106 278.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#767DC3

#C3BC76

Analogous

#76A4C3

#9676C3

#767DC3

Triadic

#767DC3

#C3767D

#7DC376

Split Complementary

#767DC3

#C39676

#A4C376

Tetradic

#767DC3

#C376A4

#C3BC76

#76C396

Color Blindness Simulation

Original

#767DC3

Protanopia

#7979B2

Deuteranopia

#7978AE

Tritanopia

#76A5A2

Achromatopsia

#818181

CSS Usage

background-color: #767DC3;
color: #767DC3;
border-color: #767DC3;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAEDA
400
#7C83C6
500
#4E57B1
600
#3E458E
700
#323872
800
#272B59
900
#1F2341
950
#141629

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49: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