#0F3272

#0F3272

Color Values

HEX

#0F3272

RGB

15, 50, 114

HSL

218.8, 76.7%, 25.3%

HSV

218.8, 86.8%, 44.7%

CMYK

86.8%, 56.1%, 0.0%, 55.3%

OKLCH

0.3349 0.1178 261.2

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#0F3272

#724F0F

Analogous

#0F6372

#1E0F72

#0F3272

Triadic

#0F3272

#720F32

#32720F

Split Complementary

#0F3272

#721E0F

#63720F

Tetradic

#0F3272

#720F63

#724F0F

#0F721E

Color Blindness Simulation

Original

#0F3272

Protanopia

#1E1E63

Deuteranopia

#1C1A5F

Tritanopia

#115654

Achromatopsia

#2F2F2F

CSS Usage

background-color: #0F3272;
color: #0F3272;
border-color: #0F3272;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D3F7
300
#93B4F1
400
#588BE9
500
#1E63E1
600
#184FB4
700
#133F90
800
#0F3171
900
#0F2752
950
#091834

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026