#767FF4

#767FF4

Color Values

HEX

#767FF4

RGB

118, 127, 244

HSL

235.7, 85.1%, 71.0%

HSV

235.7, 51.6%, 95.7%

CMYK

51.6%, 48.0%, 0.0%, 4.3%

OKLCH

0.6456 0.1722 277.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#767FF4

#F4EB76

Analogous

#76BEF4

#AC76F4

#767FF4

Triadic

#767FF4

#F4767F

#7FF476

Split Complementary

#767FF4

#F4AC76

#BEF476

Tetradic

#767FF4

#F476BE

#F4EB76

#76F4AC

Color Blindness Simulation

Original

#767FF4

Protanopia

#7A7AD8

Deuteranopia

#7979D1

Tritanopia

#76C1BC

Achromatopsia

#868686

CSS Usage

background-color: #767FF4;
color: #767FF4;
border-color: #767FF4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC1FA
300
#8E95F6
400
#505CF1
500
#1323EC
600
#0F1CBD
700
#0C1697
800
#091176
900
#0B1156
950
#070B36

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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