#818AF9

#818AF9

Color Values

HEX

#818AF9

RGB

129, 138, 249

HSL

235.5, 90.9%, 74.1%

HSV

235.5, 48.2%, 97.6%

CMYK

48.2%, 44.6%, 0.0%, 2.4%

OKLCH

0.6769 0.1623 277.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#818AF9

#F9F081

Analogous

#81C6F9

#B481F9

#818AF9

Triadic

#818AF9

#F9818A

#8AF981

Split Complementary

#818AF9

#F9B481

#C6F981

Tetradic

#818AF9

#F981C6

#F9F081

#81F9B4

Color Blindness Simulation

Original

#818AF9

Protanopia

#8585DE

Deuteranopia

#8484D8

Tritanopia

#81C9C4

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBC0FC
300
#8A93F9
400
#4B58F6
500
#0C1DF3
600
#0917C3
700
#07139C
800
#060E7A
900
#090F58
950
#060938

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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