#336191

#336191

Color Values

HEX

#336191

RGB

51, 97, 145

HSL

210.6, 48.0%, 38.4%

HSV

210.6, 64.8%, 56.9%

CMYK

64.8%, 33.1%, 0.0%, 43.1%

OKLCH

0.4828 0.0929 251.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#336191

#916333

Analogous

#339091

#343391

#336191

Triadic

#336191

#913361

#619133

Split Complementary

#336191

#913433

#909133

Tetradic

#336191

#913390

#916333

#339134

Color Blindness Simulation

Original

#336191

Protanopia

#474785

Deuteranopia

#444183

Tritanopia

#357C7A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #336191;
color: #336191;
border-color: #336191;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CADBEC
300
#A4C1DF
400
#73A0CE
500
#427EBD
600
#356597
700
#2A5179
800
#213F5E
900
#1C3045
950
#111E2C

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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