#064AB2

#064AB2

Color Values

HEX

#064AB2

RGB

6, 74, 178

HSL

216.3, 93.5%, 36.1%

HSV

216.3, 96.6%, 69.8%

CMYK

96.6%, 58.4%, 0.0%, 30.2%

OKLCH

0.4417 0.1767 260.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#064AB2

#B26E06

Analogous

#06A0B2

#1806B2

#064AB2

Triadic

#064AB2

#B2064A

#4AB206

Split Complementary

#064AB2

#B21806

#A0B206

Tetradic

#064AB2

#B206A0

#B26E06

#06B218

Color Blindness Simulation

Original

#064AB2

Protanopia

#232499

Deuteranopia

#201A93

Tritanopia

#098581

Achromatopsia

#434343

CSS Usage

background-color: #064AB2;
color: #064AB2;
border-color: #064AB2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#89B6FB
400
#488EF9
500
#0866F7
600
#0752C5
700
#05429E
800
#04337B
900
#082859
950
#051938

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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