#124363

#124363

Color Values

HEX

#124363

RGB

18, 67, 99

HSL

203.7, 69.2%, 22.9%

HSV

203.7, 81.8%, 38.8%

CMYK

81.8%, 32.3%, 0.0%, 61.2%

OKLCH

0.3674 0.0751 242.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#124363

#633212

Analogous

#12635A

#121A63

#124363

Triadic

#124363

#631243

#436312

Split Complementary

#124363

#63121A

#635A12

Tetradic

#124363

#5A1263

#633212

#1A6312

Color Blindness Simulation

Original

#124363

Protanopia

#27285B

Deuteranopia

#242159

Tritanopia

#145554

Achromatopsia

#3B3B3B

CSS Usage

background-color: #124363;
color: #124363;
border-color: #124363;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E0F4
300
#97CBEC
400
#5FAEE2
500
#2792D8
600
#1F75AD
700
#195D8A
800
#14496C
900
#12374F
950
#0C2332

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

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