#767CFF

#767CFF

Color Values

HEX

#767CFF

RGB

118, 124, 255

HSL

237.4, 100.0%, 73.1%

HSV

237.4, 53.7%, 100.0%

CMYK

53.7%, 51.4%, 0.0%, 0.0%

OKLCH

0.6471 0.1908 277.7

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#767CFF

#FFF976

Analogous

#76C0FF

#B476FF

#767CFF

Triadic

#767CFF

#FF767C

#7CFF76

Split Complementary

#767CFF

#FFB476

#C0FF76

Tetradic

#767CFF

#FF76C0

#FFF976

#76FFB4

Color Blindness Simulation

Original

#767CFF

Protanopia

#7979DF

Deuteranopia

#7878D8

Tritanopia

#76C6C1

Achromatopsia

#848484

CSS Usage

background-color: #767CFF;
color: #767CFF;
border-color: #767CFF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BBFF
300
#858AFF
400
#424AFF
500
#000BFF
600
#0009CC
700
#0007A3
800
#000680
900
#05095C
950
#03053A

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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