#274AA5

#274AA5

Color Values

HEX

#274AA5

RGB

39, 74, 165

HSL

223.3, 61.8%, 40.0%

HSV

223.3, 76.4%, 64.7%

CMYK

76.4%, 55.2%, 0.0%, 35.3%

OKLCH

0.4392 0.1526 264.8

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#274AA5

#A58227

Analogous

#2789A5

#4327A5

#274AA5

Triadic

#274AA5

#A5274A

#4AA527

Split Complementary

#274AA5

#A54327

#89A527

Tetradic

#274AA5

#A52789

#A58227

#27A543

Color Blindness Simulation

Original

#274AA5

Protanopia

#36368F

Deuteranopia

#34328A

Tritanopia

#297E7A

Achromatopsia

#494949

CSS Usage

background-color: #274AA5;
color: #274AA5;
border-color: #274AA5;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F1
300
#9CB1E8
400
#6687DB
500
#315DCE
600
#274AA5
700
#1F3B84
800
#182E67
900
#16254B
950
#0E1730

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026