#33668D

#33668D

Color Values

HEX

#33668D

RGB

51, 102, 141

HSL

206.0, 46.9%, 37.6%

HSV

206.0, 63.8%, 55.3%

CMYK

63.8%, 27.7%, 0.0%, 44.7%

OKLCH

0.4927 0.0834 243.8

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#33668D

#8D5A33

Analogous

#338D87

#33398D

#33668D

Triadic

#33668D

#8D3366

#668D33

Split Complementary

#33668D

#8D3339

#8D8733

Tetradic

#33668D

#87338D

#8D5A33

#398D33

Color Blindness Simulation

Original

#33668D

Protanopia

#494A84

Deuteranopia

#464281

Tritanopia

#367C7A

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A5C6DF
400
#74A7CD
500
#4487BB
600
#366C96
700
#2B5778
800
#22445E
900
#1C3345
950
#12202C

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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