#7680F9

#7680F9

Color Values

HEX

#7680F9

RGB

118, 128, 249

HSL

235.4, 91.6%, 72.0%

HSV

235.4, 52.6%, 97.6%

CMYK

52.6%, 48.6%, 0.0%, 2.4%

OKLCH

0.6506 0.1776 276.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7680F9

#F9EF76

Analogous

#76C2F9

#AE76F9

#7680F9

Triadic

#7680F9

#F97680

#80F976

Split Complementary

#7680F9

#F9AE76

#C2F976

Tetradic

#7680F9

#F976C2

#F9EF76

#76F9AE

Color Blindness Simulation

Original

#7680F9

Protanopia

#7A7ADC

Deuteranopia

#7A79D5

Tritanopia

#76C5C0

Achromatopsia

#878787

CSS Usage

background-color: #7680F9;
color: #7680F9;
border-color: #7680F9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBC0FC
300
#8A92FA
400
#4A57F7
500
#0B1DF4
600
#0917C3
700
#07129C
800
#050E7A
900
#090F58
950
#050938

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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