#33618C

#33618C

Color Values

HEX

#33618C

RGB

51, 97, 140

HSL

209.0, 46.6%, 37.5%

HSV

209.0, 63.6%, 54.9%

CMYK

63.6%, 30.7%, 0.0%, 45.1%

OKLCH

0.48 0.0863 248.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#33618C

#8C5E33

Analogous

#338C8B

#33358C

#33618C

Triadic

#33618C

#8C3361

#618C33

Split Complementary

#33618C

#8C3335

#8C8B33

Tetradic

#33618C

#8B338C

#8C5E33

#358C33

Color Blindness Simulation

Original

#33618C

Protanopia

#474782

Deuteranopia

#44417F

Tritanopia

#357978

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEC
300
#A5C3DE
400
#75A2CD
500
#4481BB
600
#366896
700
#2C5378
800
#22415D
900
#1C3145
950
#121F2B

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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