#838AF1

#838AF1

Color Values

HEX

#838AF1

RGB

131, 138, 241

HSL

236.2, 79.7%, 72.9%

HSV

236.2, 45.6%, 94.5%

CMYK

45.6%, 42.7%, 0.0%, 5.5%

OKLCH

0.6737 0.1509 278.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#838AF1

#F1EA83

Analogous

#83C1F1

#B383F1

#838AF1

Triadic

#838AF1

#F1838A

#8AF183

Split Complementary

#838AF1

#F1B383

#C1F183

Tetradic

#838AF1

#F183C1

#F1EA83

#83F1B3

Color Blindness Simulation

Original

#838AF1

Protanopia

#8686D8

Deuteranopia

#8685D2

Tritanopia

#83C4C0

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BFC2F8
300
#9197F3
400
#555FEC
500
#1A27E5
600
#151FB7
700
#111993
800
#0D1373
900
#0E1253
950
#090B35

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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