#7C87DF

#7C87DF

Color Values

HEX

#7C87DF

RGB

124, 135, 223

HSL

233.3, 60.7%, 68.0%

HSV

233.3, 44.4%, 87.5%

CMYK

44.4%, 39.5%, 0.0%, 12.5%

OKLCH

0.6528 0.1312 276.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7C87DF

#DFD47C

Analogous

#7CB8DF

#A27CDF

#7C87DF

Triadic

#7C87DF

#DF7C87

#87DF7C

Split Complementary

#7C87DF

#DFA27C

#B8DF7C

Tetradic

#7C87DF

#DF7CB8

#DFD47C

#7CDFA2

Color Blindness Simulation

Original

#7C87DF

Protanopia

#8181CA

Deuteranopia

#807FC5

Tritanopia

#7DB9B5

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9DA5E7
400
#6774DA
500
#3243CD
600
#2836A4
700
#202B83
800
#192266
900
#161C4B
950
#0E122F

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026