#034778

#034778

Color Values

HEX

#034778

RGB

3, 71, 120

HSL

205,1, 95,1%, 24,1%

HSV

205,1, 97,5%, 47,1%

CMYK

97,5%, 40,8%, 0,0%, 52,9%

OKLCH

0,3883 0,1025 248,0

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#034778

#783403

Analogous

#03786E

#030D78

#034778

Triadic

#034778

#780347

#477803

Split Complementary

#034778

#78030D

#786E03

Tetradic

#034778

#6E0378

#783403

#0D7803

Color Blindness Simulation

Original

#034778

Protanopia

#20216C

Deuteranopia

#1C1769

Tritanopia

#066361

Achromatopsia

#3C3C3C

CSS Usage

background-color: #034778;
color: #034778;
border-color: #034778;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F1F8FE
100
#DFF0FC
200
#B9E1FD
300
#88CBFC
400
#47AFFA
500
#0693F9
600
#0576C7
700
#045E9F
800
#034A7C
900
#07375A
950
#042339

Contrast Checker

Text on white

9,65:1

AA Pass AAA Pass

Text on black

2,18: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