#838BF3

#838BF3

Color Values

HEX

#838BF3

RGB

131, 139, 243

HSL

235.7, 82.4%, 73.3%

HSV

235.7, 46.1%, 95.3%

CMYK

46.1%, 42.8%, 0.0%, 4.7%

OKLCH

0.6767 0.1523 278.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#838BF3

#F3EB83

Analogous

#83C3F3

#B383F3

#838BF3

Triadic

#838BF3

#F3838B

#8BF383

Split Complementary

#838BF3

#F3B383

#C3F383

Tetradic

#838BF3

#F383C3

#F3EB83

#83F3B3

Color Blindness Simulation

Original

#838BF3

Protanopia

#8687DA

Deuteranopia

#8685D4

Tritanopia

#83C6C2

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC2F9
300
#8F97F4
400
#535EEE
500
#1625E9
600
#121EBA
700
#0E1895
800
#0B1374
900
#0D1254
950
#080B35

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026