#123D92

#123D92

Color Values

HEX

#123D92

RGB

18, 61, 146

HSL

219.8, 78.0%, 32.2%

HSV

219.8, 87.7%, 57.3%

CMYK

87.7%, 58.2%, 0.0%, 42.7%

OKLCH

0.3883 0.1482 262.0

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#123D92

#926712

Analogous

#127D92

#271292

#123D92

Triadic

#123D92

#92123D

#3D9212

Split Complementary

#123D92

#922712

#7D9212

Tetradic

#123D92

#92127D

#926712

#129227

Color Blindness Simulation

Original

#123D92

Protanopia

#25257D

Deuteranopia

#221F78

Tritanopia

#146D6A

Achromatopsia

#3A3A3A

CSS Usage

background-color: #123D92;
color: #123D92;
border-color: #123D92;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FC
100
#E1E9F9
200
#BFD2F7
300
#92B2F2
400
#5789EA
500
#1C5FE3
600
#164CB6
700
#123D91
800
#0E3071
900
#0E2552
950
#091834

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026