#7077CB

#7077CB

Color Values

HEX

#7077CB

RGB

112, 119, 203

HSL

235.4, 46.7%, 61.8%

HSV

235.4, 44.8%, 79.6%

CMYK

44.8%, 41.4%, 0.0%, 20.4%

OKLCH

0.6012 0.1271 278.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7077CB

#CBC470

Analogous

#70A5CB

#9770CB

#7077CB

Triadic

#7077CB

#CB7077

#77CB70

Split Complementary

#7077CB

#CB9770

#A5CB70

Tetradic

#7077CB

#CB70A5

#CBC470

#70CB97

Color Blindness Simulation

Original

#7077CB

Protanopia

#7373B7

Deuteranopia

#7372B2

Tritanopia

#70A7A3

Achromatopsia

#7C7C7C

CSS Usage

background-color: #7077CB;
color: #7077CB;
border-color: #7077CB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEC
300
#A5AADE
400
#757BCD
500
#444DBB
600
#363E96
700
#2B3178
800
#22275E
900
#1C1F45
950
#12142B

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026