#335163

#335163

Color Values

HEX

#335163

RGB

51, 81, 99

HSL

202.5, 32.0%, 29.4%

HSV

202.5, 48.5%, 38.8%

CMYK

48.5%, 18.2%, 0.0%, 61.2%

OKLCH

0.4191 0.0467 235.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#335163

#634533

Analogous

#33635D

#333963

#335163

Triadic

#335163

#633351

#516333

Split Complementary

#335163

#633339

#635D33

Tetradic

#335163

#5D3363

#634533

#396333

Color Blindness Simulation

Original

#335163

Protanopia

#40405F

Deuteranopia

#3E3C5E

Tritanopia

#345B5A

Achromatopsia

#4C4C4C

CSS Usage

background-color: #335163;
color: #335163;
border-color: #335163;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC7D5
400
#82A8BF
500
#578AA8
600
#456E87
700
#37586C
800
#2B4554
900
#22343E
950
#162127

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

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