#707ECB

#707ECB

Color Values

HEX

#707ECB

RGB

112, 126, 203

HSL

230.8, 46.7%, 61.8%

HSV

230.8, 44.8%, 79.6%

CMYK

44.8%, 37.9%, 0.0%, 20.4%

OKLCH

0.6154 0.1176 274.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#707ECB

#CBBD70

Analogous

#70ACCB

#9070CB

#707ECB

Triadic

#707ECB

#CB707E

#7ECB70

Split Complementary

#707ECB

#CB9070

#ACCB70

Tetradic

#707ECB

#CB70AC

#CBBD70

#70CB90

Color Blindness Simulation

Original

#707ECB

Protanopia

#7676B8

Deuteranopia

#7574B4

Tritanopia

#71AAA6

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBD0EC
300
#A5AEDE
400
#7582CD
500
#4456BB
600
#364596
700
#2B3778
800
#222B5E
900
#1C2245
950
#12162B

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026