#354F63

#354F63

Color Values

HEX

#354F63

RGB

53, 79, 99

HSL

206.1, 30.3%, 29.8%

HSV

206.1, 46.5%, 38.8%

CMYK

46.5%, 20.2%, 0.0%, 61.2%

OKLCH

0.4153 0.0461 242.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#354F63

#634935

Analogous

#356360

#353863

#354F63

Triadic

#354F63

#63354F

#4F6335

Split Complementary

#354F63

#633538

#636035

Tetradic

#354F63

#603563

#634935

#386335

Color Blindness Simulation

Original

#354F63

Protanopia

#40405E

Deuteranopia

#3F3D5D

Tritanopia

#365A5A

Achromatopsia

#4B4B4B

CSS Usage

background-color: #354F63;
color: #354F63;
border-color: #354F63;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DDE6
300
#AFC4D4
400
#84A4BD
500
#5985A6
600
#476A85
700
#39556A
800
#2C4253
900
#23323E
950
#162027

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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