#0771D1

#0771D1

Color Values

HEX

#0771D1

RGB

7, 113, 209

HSL

208.5, 93.5%, 42.4%

HSV

208.5, 96.7%, 82.0%

CMYK

96.7%, 45.9%, 0.0%, 18.0%

OKLCH

0.5505 0.17 253.6

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0771D1

#D16707

Analogous

#07D1CC

#070CD1

#0771D1

Triadic

#0771D1

#D10771

#71D107

Split Complementary

#0771D1

#D1070C

#D1CC07

Tetradic

#0771D1

#CC07D1

#D16707

#0CD107

Color Blindness Simulation

Original

#0771D1

Protanopia

#3536BA

Deuteranopia

#2F27B4

Tritanopia

#0CA7A3

Achromatopsia

#616161

CSS Usage

background-color: #0771D1;
color: #0771D1;
border-color: #0771D1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFD
300
#89C5FB
400
#48A5F9
500
#0885F7
600
#076BC5
700
#05559E
800
#04437B
900
#083259
950
#052038

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026