#767AF9

#767AF9

Color Values

HEX

#767AF9

RGB

118, 122, 249

HSL

238.2, 91.6%, 72.0%

HSV

238.2, 52.6%, 97.6%

CMYK

52.6%, 51.0%, 0.0%, 2.4%

OKLCH

0.6396 0.1854 278.4

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#767AF9

#F9F576

Analogous

#76BCF9

#B476F9

#767AF9

Triadic

#767AF9

#F9767A

#7AF976

Split Complementary

#767AF9

#F9B476

#BCF976

Tetradic

#767AF9

#F976BC

#F9F576

#76F9B4

Color Blindness Simulation

Original

#767AF9

Protanopia

#7878DA

Deuteranopia

#7877D3

Tritanopia

#76C2BD

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8DFA
400
#4A4FF7
500
#0B12F4
600
#090EC3
700
#070B9C
800
#05097A
900
#090B58
950
#050738

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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