#335360

#335360

Color Values

HEX

#335360

RGB

51, 83, 96

HSL

197.3, 30.6%, 28.8%

HSV

197.3, 46.9%, 37.6%

CMYK

46.9%, 13.5%, 0.0%, 62.4%

OKLCH

0.4229 0.0433 225.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335360

#604033

Analogous

#336056

#333C60

#335360

Triadic

#335360

#603353

#536033

Split Complementary

#335360

#60333C

#605633

Tetradic

#335360

#563360

#604033

#3C6033

Color Blindness Simulation

Original

#335360

Protanopia

#41415D

Deuteranopia

#3F3D5C

Tritanopia

#355A5A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D0E0E6
300
#AFCAD5
400
#84ADBE
500
#5890A7
600
#477385
700
#395C6B
800
#2C4853
900
#23363E
950
#162227

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026