#123445

#123445

Color Values

HEX

#123445

RGB

18, 52, 69

HSL

200.0, 58.6%, 17.1%

HSV

200.0, 73.9%, 27.1%

CMYK

73.9%, 24.6%, 0.0%, 72.9%

OKLCH

0.3086 0.0496 233.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#123445

#452312

Analogous

#12453D

#121B45

#123445

Triadic

#123445

#451234

#344512

Split Complementary

#123445

#45121B

#453D12

Tetradic

#123445

#3D1245

#452312

#1B4512

Color Blindness Simulation

Original

#123445

Protanopia

#212141

Deuteranopia

#1F1C40

Tritanopia

#143E3D

Achromatopsia

#2E2E2E

CSS Usage

background-color: #123445;
color: #123445;
border-color: #123445;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F4F9FB
100
#E4F0F6
200
#C6E2F0
300
#9ECEE6
400
#69B3D8
500
#3598CA
600
#2A7AA2
700
#226281
800
#1A4C65
900
#17394A
950
#0E242F

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

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