#274457

#274457

Color Values

HEX

#274457

RGB

39, 68, 87

HSL

203.8, 38.1%, 24.7%

HSV

203.8, 55.2%, 34.1%

CMYK

55.2%, 21.8%, 0.0%, 65.9%

OKLCH

0.3725 0.0479 238.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#274457

#573A27

Analogous

#275752

#272C57

#274457

Triadic

#274457

#572744

#445727

Split Complementary

#274457

#57272C

#575227

Tetradic

#274457

#522757

#573A27

#2C5727

Color Blindness Simulation

Original

#274457

Protanopia

#343452

Deuteranopia

#323051

Tritanopia

#284F4E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #274457;
color: #274457;
border-color: #274457;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#AAC7D9
400
#7DA8C5
500
#4F8AB0
600
#3F6E8D
700
#335871
800
#274558
900
#203441
950
#142129

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026