#0F2F46

#0F2F46

Color Values

HEX

#0F2F46

RGB

15, 47, 70

HSL

205.1, 64.7%, 16.7%

HSV

205.1, 78.6%, 27.5%

CMYK

78.6%, 32.9%, 0.0%, 72.5%

OKLCH

0.2939 0.0561 243.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#0F2F46

#46260F

Analogous

#0F4642

#0F1446

#0F2F46

Triadic

#0F2F46

#460F2F

#2F460F

Split Complementary

#0F2F46

#460F14

#46420F

Tetradic

#0F2F46

#420F46

#46260F

#14460F

Color Blindness Simulation

Original

#0F2F46

Protanopia

#1D1D40

Deuteranopia

#1B193F

Tritanopia

#113C3B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #0F2F46;
color: #0F2F46;
border-color: #0F2F46;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4DFF2
300
#9AC8E9
400
#64ABDE
500
#2D8DD2
600
#2471A8
700
#1D5A86
800
#174669
900
#14354D
950
#0D2230

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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