#274775

#274775

Color Values

HEX

#274775

RGB

39, 71, 117

HSL

215.4, 50.0%, 30.6%

HSV

215.4, 66.7%, 45.9%

CMYK

66.7%, 39.3%, 0.0%, 54.1%

OKLCH

0.3973 0.0869 257.6

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#274775

#755527

Analogous

#276E75

#2E2775

#274775

Triadic

#274775

#752747

#477527

Split Complementary

#274775

#752E27

#6E7527

Tetradic

#274775

#75276E

#755527

#27752E

Color Blindness Simulation

Original

#274775

Protanopia

#35356A

Deuteranopia

#333167

Tritanopia

#29615F

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#C9D8ED
300
#A3BCE0
400
#7198D0
500
#4074BF
600
#335D99
700
#294A7A
800
#203A60
900
#1B2D46
950
#111C2C

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026