#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026