#344898

#344898

Color Values

HEX

#344898

RGB

52, 72, 152

HSL

228.0, 49.0%, 40.0%

HSV

228.0, 65.8%, 59.6%

CMYK

65.8%, 52.6%, 0.0%, 40.4%

OKLCH

0.4313 0.1328 269.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#344898

#988434

Analogous

#347A98

#523498

#344898

Triadic

#344898

#983448

#489834

Split Complementary

#344898

#985234

#7A9834

Tetradic

#344898

#98347A

#988434

#349852

Color Blindness Simulation

Original

#344898

Protanopia

#3D3D85

Deuteranopia

#3C3A80

Tritanopia

#357572

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#CAD1ED
300
#A4B0E0
400
#7285CF
500
#415ABE
600
#344898
700
#2A3A7A
800
#212D5F
900
#1B2446
950
#11172C

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

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