#133366

#133366

Color Values

HEX

#133366

RGB

19, 51, 102

HSL

216.9, 68.6%, 23.7%

HSV

216.9, 81.4%, 40.0%

CMYK

81.4%, 50.0%, 0.0%, 60.0%

OKLCH

0.3287 0.0974 259.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#133366

#664613

Analogous

#135C66

#1D1366

#133366

Triadic

#133366

#661333

#336613

Split Complementary

#133366

#661D13

#5C6613

Tetradic

#133366

#66135C

#664613

#13661D

Color Blindness Simulation

Original

#133366

Protanopia

#21215A

Deuteranopia

#1F1D57

Tritanopia

#15504E

Achromatopsia

#303030

CSS Usage

background-color: #133366;
color: #133366;
border-color: #133366;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D6F4
300
#98B8EC
400
#6092E1
500
#286BD7
600
#2056AC
700
#1A458A
800
#14366B
900
#132A4E
950
#0C1A31

Contrast Checker

Text on white

12.4:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026