#0E4BAF

#0E4BAF

Color Values

HEX

#0E4BAF

RGB

14, 75, 175

HSL

217.3, 85.2%, 37.1%

HSV

217.3, 92.0%, 68.6%

CMYK

92.0%, 57.1%, 0.0%, 31.4%

OKLCH

0.4424 0.1705 260.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0E4BAF

#AF720E

Analogous

#0E9CAF

#220EAF

#0E4BAF

Triadic

#0E4BAF

#AF0E4B

#4BAF0E

Split Complementary

#0E4BAF

#AF220E

#9CAF0E

Tetradic

#0E4BAF

#AF0E9C

#AF720E

#0EAF22

Color Blindness Simulation

Original

#0E4BAF

Protanopia

#282997

Deuteranopia

#252091

Tritanopia

#118480

Achromatopsia

#454545

CSS Usage

background-color: #0E4BAF;
color: #0E4BAF;
border-color: #0E4BAF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8EB5F6
400
#508DF1
500
#1365EC
600
#0F51BD
700
#0C4197
800
#093376
900
#0B2756
950
#071936

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026