#0D64AF

#0D64AF

Color Values

HEX

#0D64AF

RGB

13, 100, 175

HSL

207.8, 86.2%, 36.9%

HSV

207.8, 92.6%, 68.6%

CMYK

92.6%, 42.9%, 0.0%, 31.4%

OKLCH

0.498 0.1406 251.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0D64AF

#AF580D

Analogous

#0DAFA9

#0D13AF

#0D64AF

Triadic

#0D64AF

#AF0D64

#64AF0D

Split Complementary

#0D64AF

#AF0D13

#AFA90D

Tetradic

#0D64AF

#A90DAF

#AF580D

#13AF0D

Color Blindness Simulation

Original

#0D64AF

Protanopia

#33339D

Deuteranopia

#2E2798

Tritanopia

#118F8B

Achromatopsia

#575757

CSS Usage

background-color: #0D64AF;
color: #0D64AF;
border-color: #0D64AF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8DC6F7
400
#4FA7F2
500
#1288ED
600
#0E6CBE
700
#0B5798
800
#094477
900
#0B3356
950
#072036

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026