#7682FB

#7682FB

Color Values

HEX

#7682FB

RGB

118, 130, 251

HSL

234.6, 94.3%, 72.4%

HSV

234.6, 53.0%, 98.4%

CMYK

53.0%, 48.2%, 0.0%, 1.6%

OKLCH

0.6556 0.1778 276.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7682FB

#FBEF76

Analogous

#76C5FB

#AD76FB

#7682FB

Triadic

#7682FB

#FB7682

#82FB76

Split Complementary

#7682FB

#FBAD76

#C5FB76

Tetradic

#7682FB

#FB76C5

#FBEF76

#76FBAD

Color Blindness Simulation

Original

#7682FB

Protanopia

#7B7BDE

Deuteranopia

#7A7AD7

Tritanopia

#77C7C2

Achromatopsia

#888888

CSS Usage

background-color: #7682FB;
color: #7682FB;
border-color: #7682FB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BAC0FD
300
#8892FC
400
#4858FA
500
#071DF8
600
#0617C6
700
#05139F
800
#040E7C
900
#070F5A
950
#050939

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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