#7F8AF6

#7F8AF6

Color Values

HEX

#7F8AF6

RGB

127, 138, 246

HSL

234.5, 86.9%, 73.1%

HSV

234.5, 48.4%, 96.5%

CMYK

48.4%, 43.9%, 0.0%, 3.5%

OKLCH

0.6738 0.1586 276.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7F8AF6

#F6EB7F

Analogous

#7FC5F6

#AF7FF6

#7F8AF6

Triadic

#7F8AF6

#F67F8A

#8AF67F

Split Complementary

#7F8AF6

#F6AF7F

#C5F67F

Tetradic

#7F8AF6

#F67FC5

#F6EB7F

#7FF6AF

Color Blindness Simulation

Original

#7F8AF6

Protanopia

#8484DC

Deuteranopia

#8382D6

Tritanopia

#80C7C3

Achromatopsia

#8F8F8F

CSS Usage

background-color: #7F8AF6;
color: #7F8AF6;
border-color: #7F8AF6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC2FA
300
#8D96F7
400
#4F5EF3
500
#1125EE
600
#0D1EBF
700
#0B1899
800
#081377
900
#0B1256
950
#070B37

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026