#0C539F

#0C539F

Color Values

HEX

#0C539F

RGB

12, 83, 159

HSL

211.0, 86.0%, 33.5%

HSV

211.0, 92.5%, 62.4%

CMYK

92.5%, 47.8%, 0.0%, 37.6%

OKLCH

0.4469 0.1394 255.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0C539F

#9F580C

Analogous

#0C9C9F

#0E0C9F

#0C539F

Triadic

#0C539F

#9F0C53

#539F0C

Split Complementary

#0C539F

#9F0E0C

#9C9F0C

Tetradic

#0C539F

#9F0C9C

#9F580C

#0C9F0E

Color Blindness Simulation

Original

#0C539F

Protanopia

#2B2B8D

Deuteranopia

#272188

Tritanopia

#107E7B

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8DC0F6
400
#509EF2
500
#127CED
600
#0E63BE
700
#0B4F98
800
#093E77
900
#0B2F56
950
#071E36

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

2.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026