#366AC9

#366AC9

Color Values

HEX

#366AC9

RGB

54, 106, 201

HSL

218.8, 57.6%, 50.0%

HSV

218.8, 73.1%, 78.8%

CMYK

73.1%, 47.3%, 0.0%, 21.2%

OKLCH

0.54 0.1581 261.3

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#366AC9

#C99536

Analogous

#36B3C9

#4C36C9

#366AC9

Triadic

#366AC9

#C9366A

#6AC936

Split Complementary

#366AC9

#C94C36

#B3C936

Tetradic

#366AC9

#C936B3

#C99536

#36C94C

Color Blindness Simulation

Original

#366AC9

Protanopia

#4D4DB2

Deuteranopia

#4A46AC

Tritanopia

#39A09C

Achromatopsia

#666666

CSS Usage

background-color: #366AC9;
color: #366AC9;
border-color: #366AC9;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C7D5F0
300
#9FB7E5
400
#6A91D7
500
#366AC9
600
#2B55A1
700
#234481
800
#1B3564
900
#17294A
950
#0F1A2E

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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