#788ADF

#788ADF

Color Values

HEX

#788ADF

RGB

120, 138, 223

HSL

229.5, 61.7%, 67.3%

HSV

229.5, 46.2%, 87.5%

CMYK

46.2%, 38.1%, 0.0%, 12.5%

OKLCH

0.6561 0.1283 273.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#788ADF

#DFCD78

Analogous

#78BEDF

#9A78DF

#788ADF

Triadic

#788ADF

#DF788A

#8ADF78

Split Complementary

#788ADF

#DF9A78

#BEDF78

Tetradic

#788ADF

#DF78BE

#DFCD78

#78DF9A

Color Blindness Simulation

Original

#788ADF

Protanopia

#8080CA

Deuteranopia

#7F7DC6

Tritanopia

#79BAB7

Achromatopsia

#8C8C8C

CSS Usage

background-color: #788ADF;
color: #788ADF;
border-color: #788ADF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CDF1
300
#9CA9E8
400
#667BDB
500
#314CCE
600
#273DA5
700
#1F3184
800
#182667
900
#161F4B
950
#0E1430

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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