#274C77

#274C77

Color Values

HEX

#274C77

RGB

39, 76, 119

HSL

212.2, 50.6%, 31.0%

HSV

212.2, 67.2%, 46.7%

CMYK

67.2%, 36.1%, 0.0%, 53.3%

OKLCH

0.4108 0.0842 253.5

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#274C77

#775227

Analogous

#277477

#2A2777

#274C77

Triadic

#274C77

#77274C

#4C7727

Split Complementary

#274C77

#772A27

#747727

Tetradic

#274C77

#772774

#775227

#27772A

Color Blindness Simulation

Original

#274C77

Protanopia

#37376D

Deuteranopia

#35326A

Tritanopia

#296463

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DAED
300
#A3C0E1
400
#719DD0
500
#3F7BC0
600
#32629A
700
#284F7B
800
#1F3D60
900
#1A2F47
950
#111E2D

Contrast Checker

Text on white

8.8:1

AA Pass AAA Pass

Text on black

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