#7180CE

#7180CE

Color Values

HEX

#7180CE

RGB

113, 128, 206

HSL

230.3, 48.7%, 62.5%

HSV

230.3, 45.1%, 80.8%

CMYK

45.1%, 37.9%, 0.0%, 19.2%

OKLCH

0.6218 0.119 274.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7180CE

#CEBF71

Analogous

#71AECE

#9071CE

#7180CE

Triadic

#7180CE

#CE7180

#80CE71

Split Complementary

#7180CE

#CE9071

#AECE71

Tetradic

#7180CE

#CE71AE

#CEBF71

#71CE90

Color Blindness Simulation

Original

#7180CE

Protanopia

#7778BB

Deuteranopia

#7776B7

Tritanopia

#72ACA9

Achromatopsia

#828282

CSS Usage

background-color: #7180CE;
color: #7180CE;
border-color: #7180CE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CAD0ED
300
#A4AEE0
400
#7382CF
500
#4155BE
600
#344498
700
#2A3779
800
#212B5F
900
#1B2246
950
#11162C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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