#7D70CF

#7D70CF

Color Values

HEX

#7D70CF

RGB

125, 112, 207

HSL

248.2, 49.7%, 62.5%

HSV

248.2, 45.9%, 81.2%

CMYK

39.6%, 45.9%, 0.0%, 18.8%

OKLCH

0.6003 0.1411 287.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7D70CF

#C2CF70

Analogous

#7092CF

#AC70CF

#7D70CF

Triadic

#7D70CF

#CF7D70

#70CF7D

Split Complementary

#7D70CF

#CFAC70

#92CF70

Tetradic

#7D70CF

#CF7092

#C2CF70

#70CFAC

Color Blindness Simulation

Original

#7D70CF

Protanopia

#7777B8

Deuteranopia

#7879B2

Tritanopia

#7CA6A2

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CECAED
300
#ACA3E0
400
#7F72D0
500
#5140BF
600
#413399
700
#34297A
800
#29205F
900
#211B46
950
#15112C

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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