#0F3546

#0F3546

Color Values

HEX

#0F3546

RGB

15, 53, 70

HSL

198.5, 64.7%, 16.7%

HSV

198.5, 78.6%, 27.5%

CMYK

78.6%, 24.3%, 0.0%, 72.5%

OKLCH

0.3109 0.0518 231.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#0F3546

#46200F

Analogous

#0F463C

#0F1A46

#0F3546

Triadic

#0F3546

#460F35

#35460F

Split Complementary

#0F3546

#460F1A

#463C0F

Tetradic

#0F3546

#3C0F46

#46200F

#1A460F

Color Blindness Simulation

Original

#0F3546

Protanopia

#1F2042

Deuteranopia

#1D1A41

Tritanopia

#113F3E

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E4F2
300
#9AD1E9
400
#64B8DE
500
#2D9FD2
600
#247FA8
700
#1D6686
800
#175069
900
#143B4D
950
#0D2530

Contrast Checker

Text on white

12.98:1

AA Pass AAA Pass

Text on black

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