#7070B2

#7070B2

Color Values

HEX

#7070B2

RGB

112, 112, 178

HSL

240.0, 30.0%, 56.9%

HSV

240.0, 37.1%, 69.8%

CMYK

37.1%, 37.1%, 0.0%, 30.2%

OKLCH

0.5734 0.1007 282.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7070B2

#B2B270

Analogous

#7091B2

#9170B2

#7070B2

Triadic

#7070B2

#B27070

#70B270

Split Complementary

#7070B2

#B29170

#91B270

Tetradic

#7070B2

#B27091

#B2B270

#70B291

Color Blindness Simulation

Original

#7070B2

Protanopia

#7070A2

Deuteranopia

#70709E

Tritanopia

#709593

Achromatopsia

#757575

CSS Usage

background-color: #7070B2;
color: #7070B2;
border-color: #7070B2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F5F9
100
#E9E9F2
200
#D1D1E6
300
#AFAFD4
400
#8484BD
500
#5959A6
600
#474785
700
#39396A
800
#2D2D53
900
#23233E
950
#161627

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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