#335B65

#335B65

Color Values

HEX

#335B65

RGB

51, 91, 101

HSL

192.0, 32.9%, 29.8%

HSV

192.0, 49.5%, 39.6%

CMYK

49.5%, 9.9%, 0.0%, 60.4%

OKLCH

0.4459 0.0479 215.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#335B65

#653D33

Analogous

#336556

#334265

#335B65

Triadic

#335B65

#65335B

#5B6533

Split Complementary

#335B65

#653342

#655633

Tetradic

#335B65

#563365

#653D33

#426533

Color Blindness Simulation

Original

#335B65

Protanopia

#444563

Deuteranopia

#423F62

Tritanopia

#356160

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E2E7
300
#AECED6
400
#82B3C0
500
#5699A9
600
#447A88
700
#37626C
800
#2B4C55
900
#22393F
950
#162428

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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