#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026