#707ADB

#707ADB

Color Values

HEX

#707ADB

RGB

112, 122, 219

HSL

234.4, 59.8%, 64.9%

HSV

234.4, 48.9%, 85.9%

CMYK

48.9%, 44.3%, 0.0%, 14.1%

OKLCH

0.6165 0.1457 276.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#707ADB

#DBD170

Analogous

#70AFDB

#9C70DB

#707ADB

Triadic

#707ADB

#DB707A

#7ADB70

Split Complementary

#707ADB

#DB9C70

#AFDB70

Tetradic

#707ADB

#DB70AF

#DBD170

#70DB9C

Color Blindness Simulation

Original

#707ADB

Protanopia

#7474C4

Deuteranopia

#7473BE

Tritanopia

#70B1AD

Achromatopsia

#7F7F7F

CSS Usage

background-color: #707ADB;
color: #707ADB;
border-color: #707ADB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9DA4E6
400
#6873D9
500
#3341CC
600
#2934A3
700
#212A82
800
#1A2166
900
#161B4B
950
#0E112F

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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