#274D77

#274D77

Color Values

HEX

#274D77

RGB

39, 77, 119

HSL

211.5, 50.6%, 31.0%

HSV

211.5, 67.2%, 46.7%

CMYK

67.2%, 35.3%, 0.0%, 53.3%

OKLCH

0.4133 0.0831 252.5

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#274D77

#775127

Analogous

#277577

#292777

#274D77

Triadic

#274D77

#77274D

#4D7727

Split Complementary

#274D77

#772927

#757727

Tetradic

#274D77

#772775

#775127

#277729

Color Blindness Simulation

Original

#274D77

Protanopia

#37386D

Deuteranopia

#35326A

Tritanopia

#296563

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DAED
300
#A3C0E1
400
#719ED0
500
#3F7CC0
600
#32639A
700
#28507B
800
#1F3E60
900
#1A2F47
950
#111E2D

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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