#121C85

#121C85

Color Values

HEX

#121C85

RGB

18, 28, 133

HSL

234.8, 76.2%, 29.6%

HSV

234.8, 86.5%, 52.2%

CMYK

86.5%, 78.9%, 0.0%, 47.8%

OKLCH

0.3137 0.1696 268.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#121C85

#857B12

Analogous

#125585

#421285

#121C85

Triadic

#121C85

#85121C

#1C8512

Split Complementary

#121C85

#854212

#558512

Tetradic

#121C85

#851255

#857B12

#128542

Color Blindness Simulation

Original

#121C85

Protanopia

#16166C

Deuteranopia

#161566

Tritanopia

#125853

Achromatopsia

#212121

CSS Usage

background-color: #121C85;
color: #121C85;
border-color: #121C85;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F3FC
100
#E2E4F9
200
#C0C5F7
300
#939BF0
400
#5965E9
500
#1E2FE1
600
#1826B4
700
#131E90
800
#0F1870
900
#0F1552
950
#0A0D34

Contrast Checker

Text on white

13.72:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026