#366ABA

#366ABA

Color Values

HEX

#366ABA

RGB

54, 106, 186

HSL

216.4, 55.0%, 47.1%

HSV

216.4, 71.0%, 72.9%

CMYK

71.0%, 43.0%, 0.0%, 27.1%

OKLCH

0.5299 0.1378 258.8

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#366ABA

#BA8636

Analogous

#36ACBA

#4436BA

#366ABA

Triadic

#366ABA

#BA366A

#6ABA36

Split Complementary

#366ABA

#BA4436

#ACBA36

Tetradic

#366ABA

#BA36AC

#BA8636

#36BA44

Color Blindness Simulation

Original

#366ABA

Protanopia

#4D4DA7

Deuteranopia

#4A46A2

Tritanopia

#399794

Achromatopsia

#656565

CSS Usage

background-color: #366ABA;
color: #366ABA;
border-color: #366ABA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C8D7EF
300
#A0BBE3
400
#6D96D5
500
#3971C6
600
#2E5A9E
700
#25487E
800
#1D3863
900
#182B48
950
#0F1B2E

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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