#123645

#123645

Color Values

HEX

#123645

RGB

18, 54, 69

HSL

197.6, 58.6%, 17.1%

HSV

197.6, 73.9%, 27.1%

CMYK

73.9%, 21.7%, 0.0%, 72.9%

OKLCH

0.3143 0.0487 228.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#123645

#452112

Analogous

#12453B

#121D45

#123645

Triadic

#123645

#451236

#364512

Split Complementary

#123645

#45121D

#453B12

Tetradic

#123645

#3B1245

#452112

#1D4512

Color Blindness Simulation

Original

#123645

Protanopia

#222241

Deuteranopia

#201D40

Tritanopia

#143F3E

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E4F0
300
#9ED1E6
400
#69B8D8
500
#359ECA
600
#2A7FA2
700
#226581
800
#1A4F65
900
#173B4A
950
#0E252F

Contrast Checker

Text on white

12.81:1

AA Pass AAA Pass

Text on black

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