#3368CC

#3368CC

Color Values

HEX

#3368CC

RGB

51, 104, 204

HSL

219.2, 60.0%, 50.0%

HSV

219.2, 75.0%, 80.0%

CMYK

75.0%, 49.0%, 0.0%, 20.0%

OKLCH

0.5367 0.1655 261.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#3368CC

#CC9733

Analogous

#33B5CC

#4A33CC

#3368CC

Triadic

#3368CC

#CC3368

#68CC33

Split Complementary

#3368CC

#CC4A33

#B5CC33

Tetradic

#3368CC

#CC33B5

#CC9733

#33CC4A

Color Blindness Simulation

Original

#3368CC

Protanopia

#4A4AB4

Deuteranopia

#4743AE

Tritanopia

#36A19C

Achromatopsia

#646464

CSS Usage

background-color: #3368CC;
color: #3368CC;
border-color: #3368CC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D5F1
300
#9DB7E7
400
#688FD9
500
#3368CC
600
#2953A3
700
#214383
800
#1A3466
900
#16284B
950
#0E1A2F

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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