#334D63

#334D63

Color Values

HEX

#334D63

RGB

51, 77, 99

HSL

207.5, 32.0%, 29.4%

HSV

207.5, 48.5%, 38.8%

CMYK

48.5%, 22.2%, 0.0%, 61.2%

OKLCH

0.4089 0.0488 244.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#334D63

#634933

Analogous

#336361

#333563

#334D63

Triadic

#334D63

#63334D

#4D6333

Split Complementary

#334D63

#633335

#636133

Tetradic

#334D63

#613363

#634933

#356333

Color Blindness Simulation

Original

#334D63

Protanopia

#3E3E5E

Deuteranopia

#3D3B5C

Tritanopia

#345959

Achromatopsia

#494949

CSS Usage

background-color: #334D63;
color: #334D63;
border-color: #334D63;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DCE7
300
#AEC3D5
400
#82A3BF
500
#5783A8
600
#456987
700
#37546C
800
#2B4154
900
#22323E
950
#161F27

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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