#33698C

#33698C

Color Values

HEX

#33698C

RGB

51, 105, 140

HSL

203.6, 46.6%, 37.5%

HSV

203.6, 63.6%, 54.9%

CMYK

63.6%, 25.0%, 0.0%, 45.1%

OKLCH

0.4996 0.0801 239.5

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#33698C

#8C5633

Analogous

#338C83

#333D8C

#33698C

Triadic

#33698C

#8C3369

#698C33

Split Complementary

#33698C

#8C333D

#8C8333

Tetradic

#33698C

#83338C

#8C5633

#3D8C33

Color Blindness Simulation

Original

#33698C

Protanopia

#4A4B84

Deuteranopia

#474382

Tritanopia

#367D7B

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEC
300
#A5C8DE
400
#75AACD
500
#448CBB
600
#367096
700
#2C5A78
800
#22465D
900
#1C3545
950
#12212B

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026