#838CF3

#838CF3

Color Values

HEX

#838CF3

RGB

131, 140, 243

HSL

235.2, 82.4%, 73.3%

HSV

235.2, 46.1%, 95.3%

CMYK

46.1%, 42.4%, 0.0%, 4.7%

OKLCH

0.6786 0.151 277.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#838CF3

#F3EA83

Analogous

#83C4F3

#B283F3

#838CF3

Triadic

#838CF3

#F3838C

#8CF383

Split Complementary

#838CF3

#F3B283

#C4F383

Tetradic

#838CF3

#F383C4

#F3EA83

#83F3B2

Color Blindness Simulation

Original

#838CF3

Protanopia

#8787DA

Deuteranopia

#8686D4

Tritanopia

#83C6C2

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC3F9
300
#8F97F4
400
#535FEE
500
#1627E9
600
#121FBA
700
#0E1995
800
#0B1474
900
#0D1254
950
#080C35

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026