#121C63

#121C63

Color Values

HEX

#121C63

RGB

18, 28, 99

HSL

232.6, 69.2%, 22.9%

HSV

232.6, 81.8%, 38.8%

CMYK

81.8%, 71.7%, 0.0%, 61.2%

OKLCH

0.2746 0.1242 269.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#121C63

#635912

Analogous

#124463

#301263

#121C63

Triadic

#121C63

#63121C

#1C6312

Split Complementary

#121C63

#633012

#446312

Tetradic

#121C63

#631244

#635912

#126330

Color Blindness Simulation

Original

#121C63

Protanopia

#161652

Deuteranopia

#16154E

Tritanopia

#124441

Achromatopsia

#1F1F1F

CSS Usage

background-color: #121C63;
color: #121C63;
border-color: #121C63;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F4FC
100
#E3E5F8
200
#C3C9F4
300
#97A2EC
400
#5F6FE2
500
#273DD8
600
#1F31AD
700
#19278A
800
#141F6C
900
#121A4F
950
#0C1032

Contrast Checker

Text on white

15.31:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail 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