#7F86DB

#7F86DB

Color Values

HEX

#7F86DB

RGB

127, 134, 219

HSL

235.4, 56.1%, 67.8%

HSV

235.4, 42.0%, 85.9%

CMYK

42.0%, 38.8%, 0.0%, 14.1%

OKLCH

0.6508 0.1263 278.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7F86DB

#DBD47F

Analogous

#7FB4DB

#A67FDB

#7F86DB

Triadic

#7F86DB

#DB7F86

#86DB7F

Split Complementary

#7F86DB

#DBA67F

#B4DB7F

Tetradic

#7F86DB

#DB7FB4

#DBD47F

#7FDBA6

Color Blindness Simulation

Original

#7F86DB

Protanopia

#8282C6

Deuteranopia

#8281C1

Tritanopia

#7FB6B3

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CAEF
300
#9FA5E4
400
#6C74D6
500
#3843C7
600
#2D369F
700
#242B7F
800
#1C2164
900
#181C49
950
#0F122E

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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